반응형
keyframes 만들기(함수 만드듯이)
img에 키프레임 넣어주기
infinite
3개 이상 넣기
rotate와 translate 추가
자연스럽게 되돌아오게 하기
5단계로
border-radius 추가
2단계일때는 from -to
3단계 이상일 때는 0% ~ 100%
Animista
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
animista.net
cf) opacity를 같이 사용하면 더 좋음
반응형
'Frontend' 카테고리의 다른 글
| CSS) 아이콘, 폰트 사이트 (0) | 2020.11.02 |
|---|---|
| CSS) Media Queries (0) | 2020.11.01 |
| CSS) Transformations ( ++ 박스 라운드로 만들기) (0) | 2020.11.01 |
| CSS) Transitions (0) | 2020.11.01 |
| CSS) Colors and Variables (0) | 2020.10.30 |