ウェブページのリンクを開くアニメーション

私のHTMLにはいくつかのリンクがあります。リンクをクリックすると、フェードイン/クロスディゾルブアニメーションを使用して新しいページを表示します。私はCSSアニメーションについて少しは読んだことがありますが、これが達成可能かどうかはわかりません。どんな助けでもご賞味いただけます。ウェブページのリンクを開くアニメーション

出典

2012-01-23 RunLoop

あなたはこれを試すことができます（と頭でスタイルをロードすることを忘れないでください）：

JSと

html{ 
    opacity: 1; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 500ms; 
} 

html.hide{ 
    opacity: 0; 
}

HTML

<html class='hide'> 
... 
</html>

と：

window.onload = function(){document.getElementsByTagName('html')[0].className = '';}

出典

2012-01-23 05:18:36 Davsket

こんにちは、ありがとうございましたが、HTMLのどこに上記のテキストが含まれているのか正確にはわかりません。明確にしていただけますか？ – RunLoop

... <スクリプトタイプ= 'テキスト/ javascriptの'> window.onload =関数（）{ document.getElementsByTagName（ 'HTML'）[0] .className = ''; } – Davsket

ウェブページのリンクを開くアニメーション

答えて

関連する問題