【CSS3】变形记_html/css_WEB-ITnose
程序员文章站
2022-05-01 22:50:20
...
变形记??transform属性
浏览器兼容检测:
目前Webkit引擎支持-webkit-transform私有属性,Mozilla Gecko引擎支持-moz-transform私有属性,
Presto引擎支持-o-transform私有属性,IE浏览器暂时不支持transform属性,也没有定义支持transform属性的私有属性,
不过可以采用IE滤镜来进行兼容。
所包括的函数:
1、matrix():定义矩阵变换,即基于X和Y坐标重新定位元素的位置。
2、translate():移动元素对象。
3、scale():缩放元素对象。
4、rotate():旋转元素对象。
5、skew():倾斜元素对象。
下一篇: 设置元素水平、垂直居中有哪两种方式
推荐阅读
-
CSS3控制HTML元素动画效果
-
css3与html5实现响应式导航菜单(导航栏)效果分享
-
实现一个三列布局(左右侧固定,中间自适应宽度)_html/css_WEB-ITnose
-
密码修改不能实现,大神们快来看看_html/css_WEB-ITnose
-
css图片响应式+垂直水平居中2_html/css_WEB-ITnose
-
HTML5 canvas在微信浏览器上图层问题_html/css_WEB-ITnose
-
网页图片垂直剧中 等比例缩放 黑白显示_html/css_WEB-ITnose
-
css reset重置样式有那么重要吗?_html/css_WEB-ITnose
-
浏览器的渲染原理简介_html/css_WEB-ITnose
-
让ie6对png透明图片支持起来_html/css_WEB-ITnose