css3on

CSS3是CSS的最新版本，新增了许多强大的特性，其中一个被广泛应用的特性就是CSS3动画，而CSS3动画有许多的属性，其中一个比较常用的就是animation。而css3on正式利用了animation属性来完成各种酷炫动画效果。

css3on是一个支持CSS3动画的JavaScript库，可以用来制作各种想象力的动画效果。和其他的动画库相比，css3on的最大优点在于其使用非常简单，添加一个class就可以实现强大的动画效果。

// 实现一个从下往上出现的动画.on {
    animation-name: moveUp;
    animation-duration: 1s;
}
@keyframes moveUp{
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
    

上面的代码就是一个简单的从下往上出现的动画，只需要在元素上添加.on的class即可实现。不仅如此，css3on还提供了许多其他的属性，比如延迟动画、动画方向等等，可以根据不同的需求灵活使用。

总之，css3on是一个功能强大而且易于使用的CSS3动画库，非常适合那些想要制作出酷炫动画效果的开发者们。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！