목록transform (1)

도라에몽주머니

[CSS3] HTML/CSS 13일차

✔ Preview transform, transition, 이미지맵 태그 사용 방법 정리 ✍ Summary Transform : transform은 특정 요소의 회전, 크기 조절, 기울이기 등의 효과를 주는 속성이다. #transform1 { transform: lotate(90deg) /* 시계 방향으로 90도 회전 */ } #transform2 { transform: skewy(20deg) /* y축을 기준으로 20도 비틀기 */ } #transform3 { transform: scale(1.5, 1.5) /* 가로 1.5, 세로 1.5 확대 */ } Transition : 속성의 변화가 있을 때, 값의 변화가 특정 시간(duration)동안 이루어지도록 하는 속성이다. #box { width: 30..
Study/Web 2022. 8. 25. 20:30
이전 Prev 1 Next 다음