CSS3 浏览器私有属性标识和transform
2014-12-01 23:14
260 查看
当前web开发中特别火的无疑是html5+css3,当然这些现在已经被广泛的使用,最近看了写资料,写下些自己的代码。
首先是css3的兼容标识:
一、(1)、-webkit-代表chrome、safari私有属性
(2)、-moz-代表firefox浏览器私有属性
(3)、-o-代表opera浏览器私有属性
(4)、-ms-代表IE浏览器私有属性
二、
(1)、transform的translate旋转方法
(2)、transform的scale缩放倍数方法
scale(1.20)
(3)、transition动画缩放属性
首先是css3的兼容标识:
一、(1)、-webkit-代表chrome、safari私有属性
(2)、-moz-代表firefox浏览器私有属性
(3)、-o-代表opera浏览器私有属性
(4)、-ms-代表IE浏览器私有属性
二、
(1)、transform的translate旋转方法
div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /* Opera */ }
(2)、transform的scale缩放倍数方法
scale(1.20)
(3)、transition动画缩放属性
相关文章推荐
- css3私有属性前缀及主流浏览器内核
- CSS3 各浏览器私有属性前缀
- 为什么建议将浏览器私有CSS3属性写在前面,标准属性写在后面?
- CSS3中浏览器私有属性
- CSS3:各种浏览器私有属性
- CSS3变形之transform-origin属性
- CSS3 transform属性
- CSS3中的动画,animation、transition和transform属性的运用
- css3动画属性详解之transform、transition、animation
- CSS3的 transform属性,怎么才能让他同时执行多个不同动画(属性)效果
- JavaScript判断浏览器对CSS3属性是否支持的多种方法
- CSS3新属性transition-property transform box-shadow实例学习
- 让IE6/IE7/IE8浏览器支持CSS3属性
- CSS3属性transform(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- 整理CSS3的transform属性
- 解决浏览器background-image属性不支持css3动画
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- css3 transform 属性
- 让IE6/IE7/IE8浏览器支持CSS3属性(转载)
- css3 transform方法常用属性