文章/答案/技术大牛

发布

问Animate.css插件不工作
EN

Stack Overflow用户

提问于 2017-08-19 18:02:42

回答 2查看 1.8K关注 0票数 0

我正在尝试使用animate.css插件，这本来应该是一个简单的任务，但我只是无法让它工作。我哪里出错了？这是我的代码(尽管它很简单)：

<html>
  <head>
    <link rel="stylesheet" href="css/animate.css">
    <style type="text/css">
      .demo{
        background-color:red;
        width:100px;
        height:100px;
        margin:300px;
      }
    </style>
  </head>
  <body>
    <div class="demo animated bounce"></div>
  </body>
</html>

我还在桌面上保存了animate.css和代码。

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-08-19 18:10:24

根据您的代码，"animate.css“文件应该位于一个名为"css”的文件夹中，相对于.html文件所在的位置。

因此，如果您的.html文件位于桌面上，则有两个选项：

在桌面上创建一个名为"css“的文件夹，并将"animate.css”移动到该文件夹中，或者.
编辑代码以指向文件的正确位置：

票数 1

Stack Overflow用户

发布于 2017-08-19 18:22:17

到目前为止，您的文件结构可能没有排序。使用CDN版本的"animate.css“

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

这里有一个指向同一小提琴的链接。

.demo{
background-color:red;
width:100px;
height:100px;
margin:100px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet"/>

<body>
<div class="demo animated bounce"></div>
</body>

希望这能有所帮助。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45774790

复制

相似问题

问Animate.css插件不工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Animate.css插件不工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Animate.css插件不工作
EN