CSS3D
2017-04-14 14:30
134 查看
1:透视
2:3D变形函数
3:3D加速
4:开启3D只针对子元素:
5:3D加速
:开启只有有一个默认的背面 造成一定卡顿 可以设置成hide;
:浏览器FPS 60;
2:3D变形函数
3:3D加速
4:开启3D只针对子元素:
-webkit-transform-style:preserve-3d; -webkit-perspective:300; 调节视角 :-webkit-perspective-orifin:25% 75% ; translate transform
5:3D加速
-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
:开启只有有一个默认的背面 造成一定卡顿 可以设置成hide;
:浏览器FPS 60;
相关文章推荐
- 纯css3.0打造具有绚丽视差滚动的图片切换
- HTML和CSS高级指南整理翻译(08) 一 过渡与动画
- CSS3 动画的那些事
- CSS3 3D变换
- JS模拟CSS3动画-贝塞尔曲线
- 使用JS+CSS3实现模态框的效果
- 根据已知数据生成柱状图(自定义柱状图)
- CSS样式中部分伪类选择器的应用
- 深入理解CSS3 Animation 帧动画(step详解)
- css3动画的使用(@keyframes)
- CSS3实现“正在加载中”动画
- 利用css3+jquery写具有动画效果的登录页面
- css3动画实例
- CSS3 animation属性 与 @keyframes规则
- 纯CSS3实现图片墙
- css3移动端动画
- css3动画制作扇形导航
- HTML5<video>背景大视频响应式布局完美支持
- 怎样写css3动画
- 全屏滚动插件fullpage.js的回调函数,css3动画