반응형
opacity 활용한 깜빡 거리는 느낌의 CSS Animation 테스트
// animation 적용
.image {
position: absolute;
left: 20.3vw;
bottom: 24vw;
animation: fadeIn 1s infinite alternate;
}
// animation
@keyframes fadeIn {
from { opacity: 0.2; }
}
'Front-end 개발 > CSS' 카테고리의 다른 글
글자가 순서대로 하나씩 올라갔다가 내려오는 (UP & Down) CSS Animation (0) | 2023.01.11 |
---|---|
좌우로 움직이는 (swing) CSS Animation 테스트 (0) | 2023.01.11 |