最近我在使用animate.css来为我的网站添加一些动画效果，可是我遇到了一个麻烦——它不起作用！
我使用的是Bootstrap框架，并且在 标签中引入了animate.css文件：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h722A4+16nBj8fB3EIWVR1eDkPjHXerPfJwB6" crossorigin="anonymous"> <link rel="stylesheet" href="animate.css"> </head>
我尝试了许多不同的类名，但是没有任何一个产生了动画效果。我检查了CSS文件的路径和命名，都没有问题。最终我在Stack Overflow上找到了答案。
问题在于Bootstrap框架的默认配置禁用了某些CSS动画属性。如果你使用的是Bootstrap框架，请将以下代码添加到自己的CSS文件中来启用动画效果：
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}希望这篇文章能帮助到其他人解决这个麻烦！
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did245535