网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
本篇文章给大家带来的内容是介绍css3动画属性，让大家了解在css3中有哪些动画属性，最后使用css3动画属性和
@keyframes规则创建一个简单的动画。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。首先我们来详细介绍一下css3的动画属性，让大家了解每个属性的作用。【相关视频教程：CSS3教程】
css3的动画属性
1、animation-name属性
animation-name属性：定义动画名称，用于指定由规则定义的动画的一个或多个名称。
注：animation-name属性必须与规则@keyframes配合使用，因为动画名称是由@keyframes定义声明的，如果提供多个属性值用逗号隔开。
@keyframes规则相当于一个命名空间，后面跟一个名词，如果在class中的animation-name定义了与之对应的name就可以执行动画。
2、animation-duration属性
animation-duration属性用于指定执行一个周期动画应该花多长时间。
时间以秒或毫秒指定，并且最初设置为“0”，这意味着动画即时发生；我们可以指定一个持续时间或多个以逗号分隔的持续时间。
3、animation-timing-function属性
animation-timing-function属性是用来设置播放方式的，它可以指定定时函数，该函数定义动画对象随时间的速度。它描述了动画在其持续时间的一个周期内如何进展，允许它在其过程中改变速度。
取值如下：
ease：缓解效果，等同于cubic-bezier(0.25,0.1,0.25,1.0)函数，既立方贝塞尔。
linear：线性效果，速度将从开始到结束稳定。
ease-in：渐显效果，动画将缓慢启动，然后获得更多加速并稳定到持续时间结束。
ease-out：渐隐效果，动画将快速启动，然后减速并稳定到持续时间结束。
ease-in-out：渐显渐隐效果，它是组合了ease-in和ease-out。动画或过渡将开始缓慢，在中间加速，然后减速直至结束。
step-start：马上跳转到动画结束状态，动画或过渡将突然变为结束状态并保持在该位置直到动画结束。
step-end：动画或过渡保持其开始状态，直到动画执行结束，直接跳转到其动画结束状态。
step(<number>[,[start 关键词：css3动画属性有哪些