简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

CSS3 变形小结_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:26:12
原创
827 人浏览过

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

    原点位置改变）

相关标签：
CSS3 变形小结
来源：php.cn
上一篇：JSON_html/css_WEB-ITnose 下一篇：几个实用的Sass mixins_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
重新写的标题：在改变大小的情况下，水平和垂直居中一个固定的HTML方形或圆形元素 如何使尺寸变化的方形或圆形固定html元素水平和垂直居中？我认为宽度和高度必须保持相等这一事实带来了困难。
来自于 2024-04-04 12:31:51
0
1
322
问题仍然是原来的，但标题重写如下：My Javascript random function fails to generate valid responses 我正在使用JS和HTML制作一个简单的随机数生成器游戏。在这个游戏中，您可以设置随机数的最小值和最大值。但是，当设置变量并记录结果时，出现了不可能的数字。例如，如果我将最小值设置为...
来自于 2024-04-03 22:03:14
0
1
275
Vanilla JS setTimeout()：识别错误行为 我的汉堡式菜单上有一个用HTML、CSS和VanillaJavaScript编写的动画。预期结果当您单击汉堡菜单按钮时，应该发生以下事件：单击汉堡菜单图标时：main旋转180°并...
来自于 2024-04-02 20:44:40
0
1
284
内在小孩的过渡之火 这是最小的可重现示例。“切换”悬停的过渡结束正在触发（我不想要）并过早隐藏“a”。要在转换结束后重现单击切换。我意识到这种情况正在发生，因为切换位于a内部（我无法更改它）。有没有办...
来自于 2024-04-02 14:38:29
0
1
262
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！