-
transition过渡模式查看全部
-
多属性transition查看全部
-
transition属性查看全部
-
transform-origin 调整旋转中心查看全部
-
ease-in 由慢变快查看全部
-
3D场景查看全部
-
transform属性调整元素查看全部
-
设置3D场景查看全部
-
五种过渡模式查看全部
-
-webkit-transition查看全部
-
css3中的动画属性 transition 使网页的一个属性值平滑过度到另一个值 animation 可在不使用js的情况下实现复杂酷炫的动画效果 transition过度模式： ease /ease-in-out 缓慢开始，缓慢结束 linear 匀速 ease-in 缓慢开始 ease-out 缓慢结束 设置3D场景 perspective属性：观察距离，如取值"800"，代表物体离屏幕距离800 perspective-origin属性：观察视点，如取值"50% 50%"，代表从物体中心观看物体 使用transform属性调整元素 - translate translateX( x px) translateY( y px) translateZ( z px) - rotate rotateX( x deg) rotateY( y deg) rotateZ( z deg) 因为transform支持二维属性，所以需要告诉浏览器在3D场景中进行操作， 即增加一行代码：-webkit-transform-style:-webkit-preserve-3d查看全部
-
过渡模式查看全部
-
动画效果：transition:<过渡属性名> <过渡时间>。<br> 创建3D场景：perspective和perspective-origin<br> perspective:物体离屏幕的距离<br> perspective-origin:视点（往哪个点看）<br> transform属性：<br> translate:平移；rolate：旋转 -webkit-transform-style:preserve-3d:向页面告知是3D效果查看全部
-
设置3d场景查看全部
-
设置3D场景查看全部
举报
0/150
提交
取消