[CSS] Animation

.element {
            background-color: aquamarine; 
            height: 100px;
            width: 100px;
            position: relative;
            animation: animation-test 3s linear 2s infinite alternate;
}

@keyframes animation-test {
    0% {
        left: 0px;
        top: 0px;
    }
    25% {
        transform: rotate(30deg);
        background-color: lightcoral;
        left: 150px;
        top: 100px;
    }
    50%{
        transform: rotate(30deg);
        left: 0px;
        top: 150px;
    }
    100%{
        left: 0px;
        top: 0px;
    }

}

 

결과

 

 

Animatino 속성