css3中提供了很强大的animation动画，它可以指定多个关键帧，从而允许定义更加丰富的自定义动画。

1、animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。

2、动画包括两个部分，描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。

缩写语法

animation：时长 | 过渡方式 | 延迟 | 次数 | 方向 | 填充模式 | 是否暂停 | 动画名

实例

linear   动画从头到尾的速度是相同的
ease   默认。动画以低速开始，然后加快，在结束前变慢
ease-in   动画以低速开始
ease-out  动画以低速结束
ease-in-out  动画以低速开始和结束
cubic-bezier(n,n,n,n)    在 cubic-bezier 函数中自己的值

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS怎样实现文字竖排展示的效果

  这篇文章主要介绍了css实现文字竖排的方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• 用CSS3怎样画一个简易的时钟动画，步骤和方法是什么

  这篇文章主要介绍了利用CSS3 动画 绘画 圆形动态时钟的相关资料,需要的朋友可以参考下

• 用css实现三角形的方法有哪些？

  用css实现三角形的方法有哪些？在CSS中，我们想要实现三角形有很多方法，例如使用border、使用 conic-gradient、使用 linear-gradient等等，这些方法都是比较容易掌握的和理解的，对新手学习CSS也有一定的帮助，因此下文就分享给大家做个参考，感兴趣的朋友就继续往下看吧。

• 在CSS中制作三栏布局的方式有几种，代码是什么

  这篇文章主要介绍了CSS经典三栏布局方案（6种方法）的相关资料,详细的介绍了6种三栏布局的方法，具有一定的参考价值，有兴趣的可以了解一下

• CSS文档流具备什么特性，如何理解

  css文档流的两种特性：1、块级元素是指单独撑满一行的元素，块级元素默认会占满整行，所以多个块级盒子之间是从上到下排列的。2、内联元素又叫行内元素，指只占据它对应标签的边框所包含的空间的元素。