>  기사  >  웹 프론트엔드  >  CSS3 变形小结_html/css_WEB-ITnose

CSS3 变形小结_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:26:12827검색

Ø 旋转 rotate() (正 - 顺  负 - 逆) 

Ø 扭曲 skew()

Ø 缩放 scale()

Ø 位移 translate()

Ø 矩阵 matrix( a,b,c,d,e,f )

   a:水平伸缩量,1为原始大小

   b:纵向扭曲,0为不变

   c :横向扭曲,0不变

   d:垂直伸缩量,1为原始大小

   e:水平偏移量,0为初始位置

   f  :垂直偏移向,0是初始位置

Ø 原点 transform-origin()

    任何一个元素都有一个中心点,默认情况下,其中心点是居于

    元素X轴和Y轴的50%处(可通过transform-origin来对元素

    原点位置改变)

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.