-
3d场景查看全部
-
css3 3D转换效果查看全部
-
transition-timing-function:ease,linease,ease,ease-out,ease-in-out查看全部
-
transform-origin:调整旋转中心，默认正中心。 x轴：left center right， y轴：top，center，bottom， z轴：length：px查看全部
-
-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"即是滑杆。查看全部
-
创建3D场景的准备条件: /*表示的是距离*/ -webkit-perspective:800; /*表示从正中心来观看这个物体*/ -webkit-perspective-origin:50% 50%; /*告诉浏览器我们后面进行的操作是对3D的来进行操作的*/ -webkit-transform-style:-webkit-preserve-3d;查看全部
-
设置3D场景查看全部
-
perspective: 500px;//3D物体距屏幕的距离 perspective-origin: 10% 10%;//3D元素基点基于X,Y轴的位置 transform:rotate(45deg);//2D/3D转换，旋转，缩放，移动或倾斜 transform-origin:20% 40%;//旋转元素的基点位置 transform-style: preserve-3d;//使被转换的子元素保留其 3D 转换查看全部
-
transion: 从一个属性值平滑过渡到另一个属性值 transion:<过渡属性名称>< 过渡时间>查看全部
-
transition过度模式： ease /ease-in-out 缓慢开始，缓慢结束 linear 迅速 ease-in 缓慢开始 ease-out 缓慢结束查看全部
-
EASE 默认的查看全部
-
#block{ width:400px; height:400px; background-color:#69c; margin:0 auto; -webkit-transtion:background-color 3s; } #block:hover{ background-color:red; }查看全部
-
http://img1.sycdn.imooc.com//57116dc00001309112800720.jpg查看全部
-
transion: 从一个属性值平滑过渡到另一个属性值 <br> transion:过渡属性名称 过渡时间<br> 谷歌、欧鹏、火狐、苹果浏览器不支持<br> -webkit-transition: color 1s;<br> animation:通过支持关键帧的技术在网页上做出更加复杂的效果查看全部
-
渐变效果查看全部
举报
0/150
提交
取消