Simple Icon Hover Effects with CSS Transitions and AnimationsNote that the dashed border on a round pseudo-element (border-radius: 50%) does not work in FF 21.0
Pizza Time Hovers | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Hover Maester Jenn Lukas sent me a link to PizzaTime.com. We agreed that 1) those are some pretty neat hovers! and 2) it’s pretty cool that there is a quality website at all at a domain like PizzaTime.com – in which that she typed in randomly hoping there would be. They have a set of navigat
画像の内側にボーダーを付ける方法！CSSだけ！ | Web活メモ帳
CSSでボーダーを画像の内側につける マウスオーバーした際に、ボーダー処理をCSSでつける作業をしていた所、 画像の内側にもボーダーをつけたいと言われてやり方を調べました。 誰かの参考なれば幸いです。 ↑このような状態が理想です。 結論を言うと、画像にネガティブマージンを適用すればOKのようです。 以下のようなコードで実装できました。 a { overflow: hidden; float: left; } a:hover { border: 5px solid #000000; } a:hover img { margin: -5px; } 以下のサイトを参考にさせて頂きました。感謝。 Image Rollover Borders That Do Not Change Layout
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル:phpspot開発日誌
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Down Menu Solution With CSS Only | AEXT.NET 関連エントリ jQueryで幅の大きなドロップダウンメニュー作成チュートリアル セクシーなドロップダウンメニュー実装サンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cmmntr.com/t/92799dee122403b8faa8c6c4db381a72
