-
默认为ease查看全部
-
transition:<过渡属性名称><过渡时间><过渡模式> transition-timing-function * ease 缓慢开始，缓慢结束 * linear 匀速 * ease-in 缓慢开始 * ease-out 缓慢结束 * ease-in-out 缓慢开始，缓慢结束（和ease稍有区别）查看全部
-
本来竖直时度数数值为0deg，向前翻滚的话，度数数值为负数，所以要平躺时，数值为－90deg。查看全部
-
沿着x轴底部为旋转轴的话，要设置-webkit-transform-origin:bottom; 要显示出翻页效果的话，要给每一个page设置-webkit-transition:-webkit-transform 1s linear; 因为一开始除了page1以外其他的page都要横向躺着，所以要对他们进行x轴的90度rotate:-webkit-transform:rotate(90deg); 因为，之后要用js对每一个page进行不同的操作，所以不能把-webkit-transform-origin:bottom;和-webkit-transition:-webkit-transform 1s linear;写在page class里面，而是分别写在每个＃pageIndex里。查看全部
-
因为＃pagegroup内的其他五个模块要重叠在一起，所以要把他们的父元素＃pagegroup设成relative，page class设置成absolute。如果不设置父元素relative的话，那么，那几个模块就会以浏览器窗口作为定位基准，会跑到浏览器的左上方。查看全部
-
为了3D窗口不会影响其他部分（什么部分？）的显示，要加上这一语句overflow:hidden; overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。 hidden：内容会被修剪，并且其余内容是不可见的。查看全部
-
点击链接响应js函数的操作方法：<a href="javascript: 函数名()"> 例如：javascript:void(0)查看全部
-
2是指与1页面（竖着的）后面平躺在地上的除了1页面外的其他页面，其他页面是存在的，只不过躺着看不到。 每次翻页有两个操作，前面页面翻转下去，后面页面翻转上来。 （这个动画效果可以做电子时钟用。）查看全部
-
设置3D场景 位移操作：translate（px） 旋转操作：rotate（deg）查看全部
-
transform-origin:调整旋转中心。 对于X轴的旋转中心有三个参数可供选择，分别是left, center和right y轴则是top、center和bottom，而z轴只有length以px为单位 语法: transform-origin: x-axis y-axis z-axis;查看全部
-
html5中，input type="range"即是滑杆。 <input type="range" min="-360" max="360">查看全部
-
transition:渐变效果，有lineaer渐变，ease渐变等 transform:对三维物体的操作，例如rotate旋转和translate平移 translate:tranform下的一个参数，沿Z轴平移是近大远小查看全部
-
#environment{ -webkit-perspective:800;/*距屏幕200px*/ -webkit-perspective-origin:50% 50%;/*视觉起点为屏幕中央*/ -webkit-transform-style:-webkit-preserve-3d; /*transform操作是对于三维对象进行的*/ } #block{ width:400px; height:400px; background-color: #69e; margin: 0px auto; -webkit-transform:rotateX(45deg); } <div id="environment"> <div id="block"></div> </div> 模块的旋转是以某一轴为轴承来旋转的，例如rotateX就是以某一边（在X轴上）作为轴承来进行旋转的。查看全部
-
为了展现物体的三维效果，需要使用到transform属性 transform有两种操作：translate(位移操作，单位是px)，rotate（旋转操作，单位是deg） 因为transform属性同样适用于二维的场景，所以为了让浏览器知道这个transform的对象三维物体的话，还需要添加一句： -webkit-transform-style:-webkit-perserve-3d; x轴是横向右的，y轴是纵向下的，z轴是指向我们视角的方向（指向窗口）。查看全部
-
设置三位场景的两个属性：分别是perspective和perspective-origin。 蓝色方框是屏幕，即观察这三维世界的窗口。 perspective指的是三维物体与窗口的距离，而perspective－origin指的是我们观察三维物体的视点。 perspective: <距离的像素值> perspective－origin: <x轴的百分比> <y轴的百分比>查看全部
举报
0/150
提交
取消