Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] Create Resizing Thumbnails Using Overflow Property – Javascriptを使わずに、CSSだけでサムネール画像を大きく見せる方法

  • Pocket
  • このエントリーをはてなブックマークに追加

などのJavascriptを使わずに、サムネール画像をユーザーの必要に応じて大きく見せる方法。デモはこちらで見る事ができます。概要を読むと、CSS書いた事のある人なら「あぁなるほどね」と思うような、ごくシンプルな内容です。リンク指定した画像の上にマウスオーバーすると、“overflow:hidden”されていたものが“visible”に変化するというもの。JSを使えば確かにリッチな見せ方はできますが、ロードに時間がかかったり、他のJSライブラリとのからみで導入できない場合もあるので、そんな時に便利な小技。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください