css - Web サイトを開いたときに CSS 効果を開始する方法

Question

Web サイトを開いたときに css3 効果を開始したいと考えています。私の心には特別な効果はありません。ページを開いたときに効果をアクティブにする方法を学ぶ必要がありますか?

Answer 1

ロード時にすべての要素をフェードインするために使用するWebkitの例：http： //jsfiddle.net/efortis/7PyRL/

* {
      -webkit-transition: all .5s;
      -webkit-animation-name: myfading;
      -webkit-animation-duration: .8s;
}

@-webkit-keyframes myfading {
      from {
            opacity: 0;
            -webkit-transition: opacity;
      }
      to {
            opacity: 1;
      }
}

Answer 2

一般的な手法は、CSS3を必要なプロパティに遷移させ、ページの読み込み時にJavascriptを使用onloadしてそれらのプロパティを変更することです。このようにして、すべてのブラウザの現在のバージョンで機能します。