-
3d效果查看全部
-
transition的语法: -webkit-transition:transition-property transition-duration;对Chrome和Safair有效 -moz-transition:transition-property transition-duration;适用于Firefox浏览器 -o-transition:transition-property transition-duration;适用于Opera 浏览器查看全部
-
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 [ 收起全文 ]查看全部
-
transform-origin,旋转中心查看全部
-
区分3D和2D的,添加transform-style:-webkit-preserve-3d查看全部
-
设置3d场景查看全部
-
123查看全部
-
过渡模式查看全部
-
transform:rotateX(45deg); rotate的各轴效果:X:上面远离屏幕;Y:右边远离屏幕;Z:直接平面旋转查看全部
-
transition的单个属性设置方式查看全部
-
transition的属性设置查看全部
-
transition的多个动画设置查看全部
-
transition的兼容查看全部
-
transition的使用查看全部
-
要是没有#block:hover的话会有变化吗 ?回家后试试 。查看全部
举报
0/150
提交
取消