简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

CSS3 变形小结_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:26:12
Original
826 people have browsed it

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

    原点位置改变）

Related labels：
CSS3 变形小结
source：php.cn
Previous article：JSON_html/css_WEB-ITnose Next article：几个实用的Sass mixins_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Rewritten title: Center a fixed HTML square or circle element horizontally and vertically when resized How to center a square or circle fixed html element of varying sizes horizontally and vert...
From 2024-04-04 12:31:51
0
1
322
The question is still the same, but the title is rewritten as follows: My Javascript random function fails to generate valid responses I'm making a simple random number generator game using JS and HTML. In this game you can s...
From 2024-04-03 22:03:14
0
1
275
Vanilla JS setTimeout(): Identifying wrong behavior I have an animation on my hamburger menu written in HTML, CSS and vanilla JavaScript. Expe...
From 2024-04-02 20:44:40
0
1
284
The transitional fire of the inner child This is a minimal reproducible example. The transition end of the "toggle" hover...
From 2024-04-02 14:38:29
0
1
262
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！