728x90
박스 회전 애니메이션
CSS를 사용해 통통 튕기는 박스를 회전시키는 간단한 애니메이션 효과 입니다.
이번 애니메이션은 절대 위치로 위치를 잡고 가상요소를 이용해 박스와 그림자를 따로 만들어줘야 합니다.
애니메이션의 속도 요소중 linear는 일정한 속도로 진행하도록 해줍니다.
그리고 애니메이션 동작 설정의 rotate는 요소의 회전을 나타내며 "*deg"로 각도를 조절할 수 있습니다.
'CSS' 카테고리의 다른 글
| SVG Animation (5) | 2022.09.07 |
|---|---|
| SGV Intro (5) | 2022.09.07 |
| 원 회전 애니메이션 (2) | 2022.08.29 |
| 요소 숨김 기능 (7) | 2022.08.26 |
| 색상 표현법 (5) | 2022.08.24 |
댓글