본문 바로가기
CSS

css transform

by rienna 2019. 7. 5.

https://webclub.tistory.com/619?category=541913

 

CSS 2D 트랜스폼(Transforms)

transform (변형)은 CSS3에 추가된 기능 중 하나로 2D 의 변형을 말합니다. 변형이라는 것은 쉽게 말해서 특정 요소를 여러 가지 방법으로 모양을 바꾸는 것을 의미합니다. 일반적으로 변형(transform) 효과는 CSS..

webclub.tistory.com

 

 

  • rotate(회전 효과) : rotateX(), rotateY(), rotate(x, y)
  • scale(확대/축소 효과) : scaleX(), scaleY(), scale(x, y)
  • translate(이동효과) : translateX(), translateY(), translate(x, y)
  • skew(비틀기) 효과 : skewX(), skewY()
  • matrix()



출처: https://webclub.tistory.com/619?category=541913 [Web Club]

 

'CSS' 카테고리의 다른 글

shape-outside:circle(50%);  (0) 2019.07.11
display:flow-root  (0) 2019.07.11
flex-Properties for the Parent(flex container)  (0) 2019.07.05
css transition  (0) 2019.07.05
@keyframes  (0) 2019.07.04
이미지 여백 문제  (0) 2017.12.13
ellipsis  (0) 2017.09.09
이미지 점선 없애기  (0) 2015.08.21