반응형
좌우로 움직이는 (swing) CSS Animation 테스트
.common-template-img-swing {
animation: commonTemplateSwing 1s alternate infinite
}
@keyframes commonTemplateSwing {
0% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
100% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
'Front-end 개발 > CSS' 카테고리의 다른 글
opacity 활용한 깜빡 거리는 느낌의 CSS Animation 테스트 (0) | 2023.01.11 |
---|---|
글자가 순서대로 하나씩 올라갔다가 내려오는 (UP & Down) CSS Animation (0) | 2023.01.11 |