CSS3 3D transform 秒懂
来源:互联网 发布:信息技术软件介绍ppt 编辑:程序博客网 时间:2024/05/16 14:23
本文眼睛取Z轴正方向,例子为别人的作品,是眼睛通过画框透视梵高的向日葵。
主要属性:
perspective(产生3D效果主要属性):眼睛到原点的距离
translateZ:垂直方向,物体重心到原点的距离
translateY:水平横方向,物体重心到原点的距离
translateX:水平竖方向,物体到重心到原点的距离
rotateX:俯视物体沿X轴旋转后的效果
rotateY:俯视物体沿Y轴旋转后的效果
rotateZ:俯视物体沿Z轴旋转后的效果
转载例子帮助理解:
http://fangyexu.com/tool-CSS3Inspector.html
0 0
- CSS3 3D transform 秒懂
- CSS3 3D transform
- CSS3 3D Transform
- CSS3 3D Transform
- CSS3 3D Transform
- CSS3 3D Transform
- CSS3 Transform 【3D 】
- css3 3D transform
- CSS3 3D transform变换
- css3 3D transform 变换
- CSS3 3D transform变换
- CSS3 3D transform变换
- CSS3 3D动画 transform
- CSS3 3D transform变换
- CSS3 3D transform变换
- CSS3 3D transform变换
- CSS3 3D transform变换
- CSS3 3D transform变换
- iOS屏幕旋转设置
- Jquery生成缩略图画廓
- pyenv python多版本共存
- git
- Mongodb VS Hbase
- CSS3 3D transform 秒懂
- 配置samba服务器
- Listview加载网络数据、图片并跳转传值
- java正则表达式纪录
- 线段树 FZU 2201 序列操作
- CSS你可能还不知道的一些知识点
- SAP接口编程-RFC系列03 : RFC调用SAP函数
- MYSQL 操作入门
- 从17到same:UGC社区的利益激励机制