css3 布局
2016-02-26 17:07
453 查看
1 transform 如果用3d 形式,书写顺序对结果有影响吗?
eg,先translate3d(-50,-50%,200px) scale(2) 与 scale(2) translate3d(-50,-50%,200px)
有。
注意: 如果先sclae3d(10,10,10) ,然后在translateZ(100px),其实在z轴上移动了100px * 10 = 1000px; 结论: scale3d 会放大数据
参考: http://www.hitthebits.com/2012/06/css3-3d-transforms-function-order.html
eg,先translate3d(-50,-50%,200px) scale(2) 与 scale(2) translate3d(-50,-50%,200px)
有。
注意: 如果先sclae3d(10,10,10) ,然后在translateZ(100px),其实在z轴上移动了100px * 10 = 1000px; 结论: scale3d 会放大数据
参考: http://www.hitthebits.com/2012/06/css3-3d-transforms-function-order.html
相关文章推荐
- CSS动态实现文本框清除按钮的隐藏与显示
- 自定义TabHost,TabWidget样式 .
- html入门/元素/属性/格式化/样式
- CSS水平方向自适应布局方法小结
- 平台中配置网格列表样式报:ORA-01461错误
- css引用图片的方法
- 平台中配置网格列表样式报:ORA-01461错误
- CSS 知识小积累
- 浅谈外边距的叠加
- 页面定制CSS代码初探(二):自定义h2标题样式 添加阴影 添加底色 等
- CSS3中如何使元素曲线运动
- css3中webkit-linear-gradient、box-shadow属性的使用
- CSS【02】——css兼容性问题处理
- CSS3中transform移动属性的使用
- CSS 基本知识
- 【CSS3】关于box-shadow的扩展半径
- 详解css3中transition过渡属性
- css选择器中是否加空格的差别
- html+css制作带三角的矩形
- Css3:transform变形