マウスオーバー時に、レイアウトを崩さずに画像にborderを表示するテクニック カテゴリ:CSS小技 2009年3月24日 23:06 CSS-Tricks というサイトで、画像のマウスオーバー時に 画像の内側に border を表示して、しかもレイアウトが崩れない、という面白い記事を見つけたので自分でも作ってみました。また、ごく簡単に実装できる別タイプも作ってみました。(こっちは多少表示が異なります) マウスオーバー時に、レイアウトを崩さずに画像にborderを表示するテクニック デモ http://c... > このページを見る
最終更新時間:
2009年03月25日19時26分
みんなのブックマーク 人気(0) 新着
- これはうれしい。早速使いました。
- 画像onmouse時、imgの内側にborderが出ているように見せるCSS。a{overflow:hidden;}とIE6用のa{float:left;}がポイント?
- こういうの待ってました
- 実はこういう単純なhover効果も良いのではとも思える。
このエントリーを含むエントリー(7)
-
画像のロールオーバーを自動化するJavascript | CSS-EBLOG 4 users
-
aタグのonclickを使うときの落とし穴(IE6) | CSS-EBLOG 8 users
-
手軽に画像のロールオーバー効果を実装するJavaScript | CSS-EBLOG 49 users
-
コンテンツが足らない場合でもフッターを表示領域最下部に配置する | CSS-EBLOG 63 users
-
プルダウンメニューをさらに作り込んでみた | CSS-EBLOG 12 users
-
CSSのインラインブロック要素で作る100%積み上げグラフ | CSS-EBLOG 9 users
-
標準準拠モード・後方互換モードを判定するブックマークレットを作ってみた。 | CSS-EBLOG 8 users








