简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

CSS3 变形小结_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:26:12
original
825 Les gens l'ont consulté

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

    原点位置改变）

Étiquettes associées：
CSS3 变形小结
source：php.cn
Article précédent：JSON_html/css_WEB-ITnose Article suivant：几个实用的Sass mixins_html/css_WEB-ITnose
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Titre réécrit : centrez un élément carré ou circulaire HTML fixe horizontalement et verticalement une fois redimensionné. Comment centrer un élément HTML fixe carré ou circulaire de différentes tailles horizontal...
Depuis 2024-04-04 12:31:51
0
1
322
La question est toujours la même, mais le titre est réécrit comme suit : Ma fonction aléatoire Javascript ne parvient pas à générer des réponses valides Je crée un simple jeu générateur de nombres aléatoires en utilisant JS et HTML. Dans ce je...
Depuis 2024-04-03 22:03:14
0
1
275
Vanilla JS setTimeout() : identifier un mauvais comportement J'ai une animation sur mon menu hamburger écrite en HTML, CSS et JavaScript vanille. Résul...
Depuis 2024-04-02 20:44:40
0
1
284
Le feu transitionnel de l'enfant intérieur Il s’agit d’un exemple minimal reproductible. L'extrémité de transition du survol "ba...
Depuis 2024-04-02 14:38:29
0
1
262
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！