CSS๐ง/css&css3 ์ ๋๋ฉ์ด์
CSS @keyframes ์ ๋๋ฉ์ด์ ์๋ ๋ค๋ฅด๊ฒ ์ฃผ๊ธฐ
hyojinny
2022. 9. 29. 15:03
/* ์ ๋๋ฉ์ด์
ํจ๊ณผ ์๋ ๋ค๋ฅด๊ฒ ์ฃผ๊ธฐ */
@keyframes moveCircle {
0 {
opacity: 1;
}
100% {
transform: translateY(-500px);
opacity: 0;
}
}
.main_visual .circle_wrap span {
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 100px;
border-radius: 50%;
background: #b7ff0a;
opacity: 1;
animation: moveCircle 3s infinite;
}