SummerWind

Web, Photography, Space Development

画像をスライドさせてマウスオーバー

JAM LOGで紹介されていた、CSSで画像をスライドさせるマウスオーバーのやり方、なかなか面白いです。普通、CSSでマウスオーバーをさせる場合、背景画像を切り替えて表示しますが、この場合、オーバーする時に新しい画像を読み込む必要があるので、表示も少し遅れます。そこで、通常の状態とオーバーさせた状態の画像を一つにしておいて、画像をスライドさせる方法を使うというわけです。表示させる範囲を切り替えて表示をすれば、読み込みの必要がないので、速く表示されるという仕組み。CSSは使い方次第で色々なことができるから、いじっているだけで楽しいですな。

Moto Ishizawa

Moto Ishizawa
ソフトウェアエンジニア。ロケットの打上げを見学するために、たびたびフロリダや種子島にでかけるなど、宇宙開発分野のファンでもある。