animate。css 回调

animate.css是一个非常流行的CSS动画库，可以帮助我们快速地实现各种炫酷的动画效果。但是，在实际应用中，我们可能需要在动画执行完成后执行一些自定义的回调函数，比如修改某个元素的CSS样式，或者触发某个事件。如何在animate.css中使用回调函数呢？

// 示例代码
$('.box').addClass('animated bounce').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
// 在动画执行完成后执行的函数
console.log('Animation complete!');
});

示例代码使用了jQuery为元素添加了类名"animated bounce"，来触发动画效果。然后，使用了jQuery的one()方法，监听了所有浏览器中动画执行完成的事件。当动画执行完成时，会自动触发回调函数。在回调函数中，我们可以自由地编写需要执行的代码。

值得注意的是，不是所有的浏览器都对动画执行完成的事件有支持。因此，我们需要添加多个事件名称，以确保所有浏览器都能够成功触发回调函数。

总之，animate.css的回调功能非常强大，可以为我们的CSS动画增添更多的扩展功能。代码虽然有些繁琐，但只要理解了基本的用法，就能够快速地为页面添加各种炫酷的动画效果！

查看更多关于animate。css 回调的详细内容...