Animation功能中实现动画的方法
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：
成都做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的
瑞昌网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
方法 | 属性值的变化速度 |
linear | 在动画开始与结束时以同样速度惊醒改变 |
ease-in | 动画开始时速度很慢，然后速度沿曲线值进行加快 |
ease-out | 动画开始时速度很快，然后速度沿曲线值进行放慢 |
ease | 动画开始时速度很慢，然后速度沿曲线值进行加快，然后再沿曲线值进行放慢 |
ease-in-out | 动画开始时速度很慢，然后速度沿曲线值进行加快，然后再沿曲线值进行放慢 |
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
实现动画的各种方法的比较示例
@keyframesmycolor{
0%{
width:100px;
height:100px;
}
100%{
width:500px;
height:500px;
}
}
div{
background-color:red;
width:500px;
height:500px;
animation-name:mycolor;
animation-duration:5s;
animation-timing-function:ease-out;
}
