在css3中，我们使用animation与keyframes结合，可以给元素添加各种各样的动画效果。这篇文章主要介绍了css3实现多个元素依次显示效果,需要的朋友可以参考下

首先来看看要实现的效果图 实现方法如下 我首先想到的是border属性，可是border属性不能设置长度。如果用border实现，需要用其他元素来模拟，比较麻烦。后来突然想起以前在网上看到有人用CSS3的多背景来模拟边框，就试了一下。 css3 背景 CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 1、 多个背景图片 在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，

如上图所示，在许多的活动宣传html5中会经常需要用到这样的一个动画效果。特别是快到年底了，也许有同学正在为了公司的活动页面而忙碌，get到这样一个小技能说不定刚好对你有帮助哦。 在css3中，我们使用animation与keyframes结合，可以给元素添加各种各样的动画效果。具体的动画，在keyframes中定义，在animation中使用。例如可以定义一个从上飞入的动画效果。 keyframes topIn { from { transform: translateY(-50px)