0

我试图让<main>元素从页面加载的视口底部向上滑动。

我正在使用一个已经构建好的动画，但是当我将它应用到元素时，它不起作用。

我究竟做错了什么？

这是一个重现问题的 JSFiddle：http: //jsfiddle.net/5hshn/

没有任何奇怪或冲突的 CSS 应用于主元素，如 JSFiddle 中的 CSS 所示，用于样式而不是动画，应用于<main>如下：

main, [role="main"], #main{
    height:400px;
    width:200px;
    margin:0 auto;
    background:red;
    display:block;
}

更新：

JSFiddle 中没有加载外部资源，这是一个带有动画 CSS 的版本（http://jsfiddle.net/5hshn/2/）。现在，JS Fiddle 正在工作。但它在我的实现中仍然不起作用。这是我的实现的链接：https ://dl.dropboxusercontent.com/u/270523/help/animate/new.html

4

1 回答 1

0

你的动画很好。但是，您的包含关键帧和 .animate 类的 animate.css 文件未加载。

更改您的 HTML：

<link rel="stylsheet" href="animate.css" type="text/css" />
to
<link rel="stylesheet" href="animate.css">

或将 animate.css 的内容移动到您的 new.html 文件样式元素，它应该可以工作。

编辑：你打错了。它stylesheet不是stylsheet

于 2013-04-30T18:53:00.360 回答