はてなブックマーク - [CSS]カスタマイズも簡単、画像のホバー時にパネルを表示するスタイルシート

(閉じる)

はてなブックマーク > コンピュータ・IT > [CSS]カスタマイズも簡単、画像のホバー時にパネル...

[CSS]カスタマイズも簡単、画像のホバー時にパネルを表示するスタイルシート | コリス

coliss.com

タグ : css webデザイン CSS3 画像 web制作 html webdesign web tips コリス

コンピュータ・IT 66 users

スクリプト無しで、画像にマウスをホバーした際にテキストを配置したパネルを表示するスタイルシートをSix Revisionsから紹介します。 Snazzy Hover Effects Using CSS デモページパネルのデザインはグラデーションを採用した透明度のあるもので、ボックスシャドウなどCSS3を使用して実装されています。表示位置も真ん中だけでなく、さまざまな位置に表示が可能です。実装のバリエーション表示するテキストはtitle要素のデータを利用しており、HTMLは下記のようになります。 H... > このページを見る

最終更新時間: 2010年04月19日08時49分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

kakuhen1rfeverheiten CSS, 画像
alt 2010/04/20
yasu_boy css, 画像, デザイン, web制作, webデザイン, CSS3
おっいいかも使えそう 2010/04/19
shi-che
コリス - [CSS]カスタマイズも簡単、画像のホバー時にパネルを表示するスタイルシート 2010/04/19
o_hiroyuki css, tips
画像ホバー時にパネルを表示 2010/04/19
thyself2005 webデザイン, css, テキスト, 画像, html, コリス
とりあえずブクマ。 2010/04/19
LittleLoro
RT @sbm2tw: [CSS]カスタマイズも簡単、画像のホバー時にパネルを表示するスタイルシート | コリス 2010/04/19
nors css, web
http://sixrevisions.com/css/snazzy-hover-effects-using-css/ 2010/04/19
seusoko #css, #css3, #UI, #design
マウスホバーした画像に、テキストを配置したパネルをオーバーレイするcss 2010/04/19
xiaodong webdesign, image
「表示するテキストはtitle要素のデータを利用」 2010/04/19
Donca
✿ [CSS]カスタマイズも簡単、画像のホバー時にパネルを表示するスタイルシート 2010/04/19