-
3d效果查看全部
-
要是没有#block:hover的话会有变化吗 ？回家后试试 。查看全部
-
准备知识查看全部
-
div { -webkit-transition: color 1s ease-in; }查看全部
-
persective:px;调整物体距离窗口的纵深 perspective-origin:% %;视线焦点在窗口上的位置 transform-style:-webkit-preserve-3d;创建3D场景查看全部
-
-webkit-transition-property:color; -webkit-transition-duration:1s; -webkit-transition-timing-function:ease;查看全部
-
动画效果 transition:"<过度属性民称 ‘例：color width height ’> <过度时间 ‘1s...100s ’> <过度模式 ‘ease linear ease-in ease-out ease-out-in’>"查看全部
-
这个课程还不错，推荐！查看全部
-
参照同学的做出来了，很炫查看全部
-
实现3D场景： 透视：perspective，perspective-origin 变幻：transform：translate，rotate查看全部
-
让div可以向左翻动，需要对div的旋转中心进行-webkit-transform-origin:left;查看全部
-
设置3D场景 使用transform-origin属性调整旋转中心 （1）X轴：left、center、right （2）Y轴：top、center、bottom （3）Z轴：length px查看全部
-
实际创建3d： #a{ -webkit-perspective:800; -webkit-perspective-origin:50% 50%; -webkit-transform-style:-webkit-preserve-3d; } #b{ width: 500px; height: 500px; background-color: #69c; margin: 100px auto; -webkit-transform:rotateY(45deg); //rotate可以是X、Y、Z } html： <div id="a"><div id="b"></div></div>查看全部
-
设置3D场景 使用transform属性调整元素：-webkit-transform-style:-webkit-preserve-3d; translate： （1）translateX(x px) （2）translateY(y px) （3）translateZ(z px) rotate: （1）rotateX(x deg) （2）rotateY(y deg) （3）rotateZ(z deg)查看全部
-
transition 语法： transtion：<过渡属性名称> <过渡时间><过渡模式>; 过渡模式： transtion-timing-function 参数值： （1）ease：缓慢开始，缓慢结束 （2）linear：匀速 （3）ease-in：缓慢开始 （4）ease-out：缓慢结束 （5）ease-in-out：缓慢开始，缓慢结束(和ease稍有区别) 多个属性过渡效果： 方法一：-webkit-transition:<属性1><属性1>,<属性2><属性2>,... 方法二：-webkit-transition:<属性1><属性1>;-webkit-transition:<属性1><属性1>;查看全部
举报
0/150
提交
取消