[JS][CSS3] jQuery を使わずに fadeIn / fadeOut のアニメーションを実装する方法Modified 2014-09-20 更新情報 setTimeout を使ってフェードイン・アウトするコードを旧IEでも動くコードへ書き直しました。 jQuery を使わずに、CSS3・requestAnimationFrame メソッド・setTimeout 関数で fadeIn / fadeOut のアニメーション表現を行うということをやってみました。jQuery を使えば fadeIn()、fadeOut() だけの記述で済むことですが、いざそれを使わずにとなると大変だなという印象です…。 各サンプルは、マウスオーバー時にフェードアウト・マウスアウト時にフェードインします。 HTML は共通で以下のようになっています。 <div id="box">FadeIn/Out</div> CSS3 でフェードイン・アウトする opacity の変化を transition プロパティでアニ
![[JS][CSS3] jQuery を使わずに fadeIn / fadeOut のアニメーションを実装する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/86e81ff91fa6b313217fdb231a7e53f682b53caf/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F03%2Ficon.jpg)
