操作系统动画不起作用？

Question

我现在很困惑。 我以前使用过Os动画，甚至从其他用途中复制了确切的代码，但无法在此页面上使用它。 这是我的HTML / CSS：

 html, body { margin: 0; padding: 0; height: 100%; width: 100%; background-color: #4074A0; font-family: 'Open Sans', sans-serif; border: none; outline: none; box-shadow: none; } * { outline: none; border: none; box-shadow: none; text-shadow: none; } main { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); display: block; } p { text-align: center; font-size: 250%; width: 100%; color: white; text-transform: uppercase; text-shadow: 0px 3px #098FA8; } 

 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Animation Testing</title> <link rel="stylesheet" href="style.css"> <link href="css/animate.css" rel="stylesheet" /> <link href="css/waypoints.css" rel="stylesheet" /> </head> <body> <main class="os-animation" data-os-animation="bounceInDown" data-os-animation-delay="0s">> <p>Hello!</p> </main> </body> </html> 

因此，我正在尝试获取“ Hello！” 从顶部输入文本，我以前已经这样做过，甚至已经从那个旧文档中复制了代码，但是，它似乎不想在此文档上工作。

我已经做了一些在线查找，但是关于这个主题的内容似乎并不多。

任何帮助表示赞赏！ 谢谢。