CSS

이동하는 사각형 _animation

CD2Y 2021. 5. 27.
반응형

See the Pen animation 이동 by nilgi (@nilgi) on CodePen.

 

position: relative;

 

.box {
    animation-name: boxc;
    animation-duration: 8s;
}

@keyframes boxc{
    0% {background: tomato; left: 0px; top: 0px;}
    25% {background: gold; left: 120px; top: 0px;}
    50% {background: #1E90FF; left: 120px; top: 120px;}
    75% {background: #ff1493; left: 0px; top: 120px;}
    100% {background: #9400d3; left: 0px; top: 0px;}
}

 

반응형