CSS3的透视
2016-12-21 21:09
183 查看
3d
透视
perspective:300px; 放在父一级 (值越小透视越明显,值越大透视越不明显)
rotateX(deg) 围绕X轴旋转
rotateY(deg)围绕Y轴旋转
translateZ(90px) Z轴
transform-origin:center/top/bottom; 旋转的一个位置
transform-style:preserve-3d; 一般放在子里面
一圈360
6张图片
60deg
透视
perspective:300px; 放在父一级 (值越小透视越明显,值越大透视越不明显)
rotateX(deg) 围绕X轴旋转
rotateY(deg)围绕Y轴旋转
translateZ(90px) Z轴
transform-origin:center/top/bottom; 旋转的一个位置
transform-style:preserve-3d; 一般放在子里面
一圈360
6张图片
60deg
相关文章推荐
- 「CSS3 」3D效果 & 透视
- css3 - 透视、旋转、曲线运动等3d动画
- CSS3动画之透视
- CSS3近阶段篇之酷炫的3D旋转透视
- css3-3D旋转 透视 位移等属性
- HTML5+CSS3+JS学习笔记-12-使用JS及函数来制作表格加上3D透视效果
- 第99天:CSS3中透视perspective
- CSS3伪元素应用——CSS3 Button
- 手机自适应网页设计(html5/css3控制)
- CSS3中animation属性的使用
- CSS3选择器/伪类的那些事~
- css3之透明滤镜新用法
- css3动画——基本准则
- Html5+Css3实现类似网易云音乐的移动版播放器
- CSS3实现图片在DIV中上下左右居中(2)
- CSS3多列技术简单介绍
- html5和css3打造一款创意404页面
- css3 动画运动路径
- CSS3的基础知识
- 超酷HTML5和CSS3实现的登录及其注册功能表单