트랜지션1 HTML & CSS #13 : CSS 애니메이션 변화(transform) 특정 요소의 크기나 형태 등 스타일이 변경되는 것 스타일시트에서는 수평과 수직으로 웹 요소를 변형시키는 2차원 변형과 z축을 더한 3차원 변형이 있다. translate 함수 지정한 방향으로 이동할 거리를 지정하여 해당 요소를 이동시키는 함수이다. transform: translate(tx, ty) transform: translateX(tx) transform: translateY(ty) transform: translateZ(tz) transform: translate3d(tx, ty, tz) 호버기능을 활용하여 translate함수를 적용시켜보았다. .movex:hover { transform: translateX(50px); } .movey:hover { transform.. 2022. 12. 14. 이전 1 다음