CSS CSSのみで要素がス～っと出たり消えたりする方法
ある要素に対して、カーソルがマウスオーバーした際のエフェクトのひとつ、“ フェードイン ”と“ フェードアウト ”をCSSのみを使って表現する方法をご紹介します。今回はス～っと出たり消えたりする柔らかい感じも付け加えました。ギャラリーサイト...
transition
CSS 
CSS マウスオーバーでラインアニメーションを実現する
ナビゲーションなどでマウスオーバー時に、装飾の下線を横に伸ばすアニメーションをかつてはFlashなので実現していましたが、これと同じような動きをCSSのみで実現することが可能になりました。a要素に対する擬似要素の「a:after」と「a:h...
CSS CSS3アニメーションを実現する「transition」
transitonプロパティを使って、時間的な変化を付けることが出来ます。変化する変化速度や開始のタイミング、また要する時間などをCSSのみで実現が可能です。ただし、対応ブラウザの問題がありますので注意が必要です。※IE8,9は対象外、iO...