animate。css 运用实例

animate.css是一款非常流行的CSS动画库，使用方便，支持动态加载动画效果。它可以为网页添加各种动画效果，例如淡入淡出、弹跳、旋转等，并且可以通过添加CSS类名来触发这些效果。

以下是animate.css的一些实例，展示了如何使用它来添加动画效果：

// 点击按钮时，让元素淡入淡出
$("#btn").click(function() {
$("#element").addClass("animated fadeOut");
});
// 鼠标经过元素时，让元素抖动一下
$("#element").hover(function() {
$(this).addClass("animated shake");
});
// 加载页面时，让元素从左滑入
$(document).ready(function() {
$("#element").addClass("animated slideInLeft");
});

这些实例只是动画效果的基本应用，animate.css支持更多丰富多彩的效果，反应在CSS类名上，可以直接在官网中查看 animate.css 的 API 获得更加多样化的动画效果。

查看更多关于animate。css 运用实例的详细内容...