-
不同浏览器transition查看全部
-
transition:从一个属性值平滑的过渡到另一个属性值 animation：通过关键帧的技术在网页上产生更加复杂的效果查看全部
-
要实现跟视频一样的效果，首先要清楚：-webkit-perspective，-webkit-transform-style两个属性的使用，这两个属性的作用是他们的子集，例如视频提到的，我们要翻页的是“page”,“#pagegroup”是“page”的父级，那么这两个属性要在“#pagegroup”定义。而对3d对象“page”设置-webkit-transform-origin旋转中心和过渡-webkit-transition: -webkit-transform 1s linear。例子中“#pagegroup”还有一个父级，在“my3dspace”设置“overflow: hidden”在我们翻转页面的时候，被翻过的页面就会被隐藏起来。但是不能在“#pagegroup”设置，因为设置了“overflow: hidden”，“page”就会变成是2d的了查看全部
-
借鉴别人的代码也写出来了，不过没做兼容处理，因为我用火狐，不写也可以正常显示。查看全部
-
使用transform-origin属性调整旋转中心查看全部
-
-webkit-transform: translateZ 轴方向整体平移 \n -webkit-transform: rotateY(45deg) 以轴为圆心旋转 滑竿控件：<input type="range" min="-360"max="360" id="transtatex" value="0" class="reange-control" onchange="translateall()" /> html5中，input type="range"即是滑杆。 rotate旋转，顺时针为正向 translate平移，Z轴平移是近大远小 滑竿的控件 html5中，input type="range"即是滑杆。---复制以便参考查看全部
-
设置3D时 1、确定浏览器将会离将要观察到的3维物体的距离 2、3D中心origin 3、告诉浏览器体现3D效果 -webkit-transition-style: -webkit-preserve-3d查看全部
-
设置3D场景，translate平移，rotate旋转查看全部
-
多个属性的过度效果，有两种方法，一是用逗号隔开，而是分别分开写查看全部
-
能实现，但是我翻页后第二面不能立起来，还能看见后面一页是6的数字查看全部
-
transition animation查看全部
-
该段无法自行编写。查看全部
-
transform-origin:调整旋转中心查看全部
-
设置3D场景，即告诉浏览器我们怎么去看浏览器中的三维世界 perspective:窗口距离三维物体距离 perspective-origin:人的视点（x y的坐标位置） transform调整元素： transorm-style:preserve-3d translate位移操作（x y z） rotate旋转操作（x y z）查看全部
-
-webkit-transition: width 5s ease(缓慢进入缓慢退出) ease-in（缓慢进入） ease-out（缓慢退出） linear（匀速） ease-in-out（缓慢进入缓慢退出与ease不同）查看全部
举报
0/150
提交
取消