本文详细介绍了HTML5中关于动画、视频、音频的使用方法，包括@keyframes动画的定义与调用，视频的controls、autoplay、loop属性，以及如何处理不同浏览器的兼容性问题。此外，还讲解了音频元素的使用和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>
最低0.47元/天 解锁文章
扫一扫
1428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
