css3动画库教程 |myeclipse添加css

CSS3动画库是一个扩展CSS样式表的库，主要由CSS3样式处理器提供支持。它包含预定义的关键帧，为实现平滑动态效果提供了最佳的框架。动画库还提供预定义的标准样式，例如旋转、闪烁、心跳等，以及其它一些自定义效果。动画库可以代表开发者更加专注于Web内容，而有效地隔离代码，并解决了浏览器之间的差异性。

.example {
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}

上面的例子演示了CSS3动画库如何创建一个无限缩放的脉冲效果。在这个例子中，.example类被定义，并且关键帧动画pulse被定义为无限迭代的。定义动画的API是 animation-name、animation-duration以及 animation-iteration-count。在关键帧的定义中，transform属性被用来定义动画效果。由0%到100%时，transform属性值从1逐渐变为1.2，再从1.2变回1，从而形成动态效果。

使用CSS3动画库，动态效果的创建比传统使用JavaScript或jQuery要容易很多，因为代码可读性更好，易于调试和维护。对于那些对设计和交互行为有深刻理解的设计和开发人员来说，CSS3动画库是一个实用工具，可以极大地增强他们的内容和功能。