css抖动效果

CSS3动画是什么？ 动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。 请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。 0% 是动画的开始，100% 是动画的完成。

CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。

就看看我的动画效果设置

首先设置边框样式和背景颜色。

确定边框样式固定再设置动画的抖动次数的时间    。

隐藏属性

 

 

规定动画，简写属性，用于在一个属性中设置四个过渡属性。

 

然后设置它的抖动范围和次数

<div class="lanren"></div>

<div class="lanren2"></div>

保存后在浏览器打开就可以看到两个抖动的效果分别为左右抖动和上下抖动的效果

CSS主要用于控制网页的外观，CSS代码可以随意变化网页的布局和网页的内容样式。 当CSS3出现以后，更是可以让网页增添了不少动画元素，随着IE6,7的淘汰，手机端的崛起更是让它成熟了许多。 CSS3动画简洁方便，高端大气，让网页变得易于交互且生动有趣。