CSS3 变形小结
2016-02-21 21:47
323 查看
Ø旋转 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来对元素
原点位置改变）
b：纵向扭曲，0为不变
c ：横向扭曲，0不变
d：垂直伸缩量，1为原始大小
e：水平偏移量，0为初始位置
f ：垂直偏移向，0是初始位置
Ø原点 transform-origin() 任何一个元素都有一个中心点，默认情况下，其中心点是居于
元素X轴和Y轴的50%处（可通过transform-origin来对元素
原点位置改变）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS 巧用 :before和:after
- css学习
- CSS定位与浮动
- 自定义datepickerDialog的样式
- 如何给xml应用样式
- CSS3-Hover 效果 展示
- web页面滚动条样式修改
- CSS3新增颜色属性
- css3实现动画效果(transform translation @keyframes)
- CSS 三角形绘制方法
- 我的百分比数据盘（样式优美）
- 利用CSS3实现图片切换特效
- CSS框模型笔记
- css3 calc()
- 自己动手丰衣足食之纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
- [置顶] 自己动手丰衣足食之气泡框和常见css图形（三角）
- block，inline和inlinke-block元素对比
- css3开关按钮
- CSS样式_列表表格轮廓
- NEC 框架规范 css function