设计师应该了解哪些简单的css3动效?

Question

设计师应该了解哪些简单的css3动效

Answer 1

你可以去学习一下 adobe Edge Animate 即使不同代码也无所谓 这个软件和操作flash差不多 主要是做网页的交互和动画的CSS3 动画属性（Animation）@keyframes 规定动画。 3animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3animation-name 规定 @keyframes 动画的名称。 3animation-duration 规定动画完成一个周期所花费的秒或毫秒。 3animation-timing-function 规定动画的速度曲线。 3animation-delay 规定动画何时开始。 3animation-iteration-count 规定动画被播放的次数。 3animation-direction 规定动画是否在下一周期逆向地播放。 3animation-play-state 规定动画是否正在运行或暂停。 3animation-fill-mode 规定对象动画时间之外的状态。2D/3D 转换属性（Transform）transform 向元素应用 2D 或 3D 转换。 3transform-origin 允许你改变被转换元素的位置。 3transform-style 规定被嵌套元素如何在 3D 空间中显示。 3perspective 规定 3D 元素的透视效果。 3perspective-origin 规定 3D 元素的底部位置。 3backface-visibility 定义元素在不面对屏幕时是否可见。 3过渡属性（Transition）transition 简写属性，用于在一个属性中设置四个过渡属性。 3transition-property 规定应用过渡的 CSS 属性的名称。 3transition-duration 定义过渡效果花费的时间。 3transition-timing-function 规定过渡效果的时间曲线。 3transition-delay 规定过渡效果何时开始。