[CSS] 트랜스폼

---

트랜스폼

트랜지션, 애니메이션하고 함께사용
요소의 움직임을 표현

<style>
    .movebox{
        width: 100px;
        height: 100px;
        background-color: aqua;
        position: absolute;
        transition-duration:3s;
    }
    .movebox:hover{
        transform: rotate(100deg);
    }

</style>

<div class="movebox"></div>

 

 

 

 

 

 

 

 

 

 

 

 

 

---

🎈참고자료

https://www.w3schools.com/css/css3_2dtransforms.asp