码迷,mamicode.com
首页 > Web开发 > 详细

css3动画

时间:2017-05-25 20:44:41      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:速度   定义   -name   动画   int   开始   duration   frame   cti   

过度transition

成为另外一种样式的一个逐渐过程

transition-property规定过度css属性名称 值:none|all|property

transition-duration 定义过度效果花费的时间(秒或毫秒),默认0没有动画

transition-delay 规定过渡效果何时开始,以秒或毫秒计,默认0没有动画

transition-timingfunction 规定过度效果的时间曲线,默认ease(先慢后快)\linear(以相同速度开始到结束)|ease-in|ease-out|ease-in-out

 

动画

@keyframes:创建动画(关键帧)

animation在对应元素上使用动画

 

@keyframe animationname(名字){

keyframes-selector{

css-style;

}}

 

animation属性

animation-name

animation-duration

animation-timing-function

animation-timing-function

animation-delay

animation-interation-count播放动画的次数infinite(无限次)

animation-direction动画的方向normal (正常)alternate(轮流反向)

 

css3动画

标签:速度   定义   -name   动画   int   开始   duration   frame   cti   

原文地址:http://www.cnblogs.com/Gavinzhong/p/6905649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!