HTML5+CSS3-动画、视频、音频、canvas

1、 动画

 语法：第一步

@-webkit-keyframes 命名{

         From{-------初始位置

 

}

To{--------------结束位置

 

}

}

注意：设多个，则用百分比，如：

@-webkit-keyframes 命名{

         0%{-------初始位置

 

}

10%{--------------中间位置

 

}

20%{--------------中间位置

 

}

…………………………….

}

 

第二步：调用

.div1{

         Animation：命名 3s;

}

 

例子：from和to

<style type="text/css">

.div1{

         width:700px;

         height:300px;

         animation:donghua3s;

         }

@-webkit-keyframes donghua{

         from{

                   background-color:red;

                   }

         to{

                   background-color:yellow;

                   }

         }

</style>