Frontend
CSS) Animation
도전맨
2020. 11. 1. 19:15
반응형
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를 같이 사용하면 더 좋음
반응형