0

<main>ページ読み込みのビューポートの下部から要素をスライドさせようとしています。

動作する既に作成されたアニメーションを使用していますが、それを要素に適用すると動作しません。

私は何を間違っていますか？

問題を再現する JSFiddle は次のとおりです: http://jsfiddle.net/5hshn/

JSFiddle the CSS に見られるように、アニメーションではなくスタイリングのために、メイン要素に適用されている奇妙なまたは競合する 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 に答える