CSSだけで画像のマウスホバー

参考サイト design-plus1.com… マウスホバー時の画像変更は、通常ロールオーバー用の画像を用意するのですが、面倒な時やブログなどで頻繁に使うときは、CSSだけでhover時に画像を半透明にさせる方法もあります。   追記 もう100%どのサイトにも入れてます CSSに下記を追記(不透明度60%)。 a img.linkimg{ background:none!important; } a:hover img.linkimg{ opacity:0.6;...

css-1 cssで角丸ボタン等

※IE8以下など表現できないブラウザもあります。 cssで角丸 全体が同じ割合で角丸ならborder-radius: ボタン .btn { border: 2px solid #09C; text-decoration: none; padding: 5px; color: #FFF; background-color: #09F; border-radius: 10px; /* CSS3 */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px;...