-
@@--CSS3 3D 特效---第2章 创建3D场景 2-1 创建3D场景 perspective:XXpx ：调整物体距离窗口的纵深 perspective-origin：视线焦点在窗口上的位置 声明窗口内元素的操作类型：3D或者2D： 1.transform-style:-webkit-preserve-3d; 2.transform-style:-webkit-preserve-2d; translate:X Y Z ：窗口内元素操作，位移操作，单位px rotate:X Y Z ：窗口内元素操作，旋转操作，单位deg查看全部
-
@@--CSS3 3D 特效---第1章 Transition 1-3 transition效果分析 ①多个属性的过渡效果 方法一：transition:[属性名称1][时间1]，[属性名称2][时间2]，... 方法二：就是把上面的分开写 ②transition的过渡模式 过渡动画transition:[属性名称][时间][过渡模式] 全写：transition-property：属性名称 transition-duration：时间 transition-timing-function:模式 【ease,缓慢开始，缓慢结束（默认） linear,匀速 ease-in,缓慢开始 ease-out,缓慢结束 ease-in-out，缓慢开始，缓慢结束 与ease 稍有区别 】查看全部
-
@@--CSS3 3D 特效---第1章 Transition 1-1 transition 实现3D场景： 透视：perspective，perspective-origin 变幻：transform：translate，rotate 【css3的动画功能】 transition:从一个属性值平滑的过渡到另一个属性值 animation：通过关键帧的技术在网页上产生更加复杂的效果 transition <过渡属性名称><过渡时间> 【各浏览器兼容写法】 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 举例： -webkit-transition:color 1s; //让元素颜色的变化持续1秒钟 -webkit-transition:height 3s;查看全部
-
-webkit-perspective:800; /* 浏览器到物体间的纵深距离，单位px */ -webkit-perspective-orgin:50% 50%; /* 物体的观察视角。两个50%表示从正中间看 */ 至此，3D场景 创建完毕。查看全部
-
perspective物体到窗口的距离 perspective-origin视点的位置查看全部
-
-webkit-transition：color 1s 可以转换为 -webkit-transition-property:color; -webkit-transition-duration:1s查看全部
-
perspective：浏览器与要看到物体间距。查看全部
-
-webkit-transition:width 2s; -webkit-transition:background-color 1s; 当两种属性一起实现的时候，宽度没有过渡的效果，而背景有过度的效果。查看全部
-
transition-property:属性 transition-duration：时间查看全部
-
transition 只能单一的改变一中属性？什么方法可以同时改变多个属性？？？查看全部
-
-webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 动画效果 transition:"<过度属性民称 ‘例：color width height ’> <过度时间 ‘1s...100s ’> <过度模式 ‘ease linear ease-in ease-out ease-out-in’>" 使用CSS3.0创建简单的3D场景 -perspective;perspective-origin //创建3维场景 -transform:translate //平移 -transform:rotate //旋转 ------------------- transition的五种模式： ease：缓慢开始，缓慢结束 linear：匀速 ease-in：缓慢开始 ease-out：缓慢结束 ease-in-out：缓慢开始，缓慢结束 ------------------------------ -webkit-transition-property:color; -webkit-transition-duration:1s; -webkit-transition-timing-function:ease; 多个属性过渡效果：-wenkit-transition:<属性1><时间1> -wenkit-transition:<属性2><时间2> -wenkit-transition:<属性3><时间3>查看全部
-
-webkit-transition：color 1s 可以转换为 -webkit-transition-property:color; -webkit-transition-duration:1s查看全部
-
...查看全部
-
三维效果视图查看全部
-
perspective查看全部
举报
0/150
提交
取消