Maison >interface Web >tutoriel HTML >CSS3 变形小结_html/css_WEB-ITnose

CSS3 变形小结_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:26:12861parcourir

Ø 旋转 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来对元素

    原点位置改变)

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn