簡単、きれい！RGBaカラーを使って横メニューを作ってみる

RGBaカラーを使って全体に統一感のある横メニューを作ってみます。RGBaカラーといっても使うの色は白（rgba(255,255,255,0.4)など）と黒（rgba(0,0,0,0.1)など）だけで、その透明度を変えて様々なところで使っています。 先日書いた「カラーツール「0to255」で色を決めてメニューを作ってみる」がなかなか好評でしたが、今回も出来上がりは同じようなメニューになります。 RGBaカラーについては、以前書いた「透明度を表す「opacity」 と 「RGBa」の違いと使い分け」も参考になると思いますのでぜひご覧ください。 早速コードを見てみます。まずはHTMLですが、これは特に問題ないと思います。 <ul id="menu"> <li><a href="#">IE</a></li> <li><a href="#">Firefox</a></li> <li><a href

[sskb]

背景色に半透明の白黒を乗せるという方法。ふむふむ。

[htn_50koma]

starred items / from はてなブックマーク - 人気エントリー http://b.hatena.ne.jp/hotentry

[cosarin]

これいいな

[kazutan711]

なるほど

[warriorking]

簡単、きれい！RGBaカラーを使って横メニューを作ってみる｜Webpark

[u1tnk]

rgbとaが一緒になってる意味をちょっと納得。

[ElizaAcolyte]

透過色って昔はスクロールが重くなったりしたけど、今はどうなのかねぇ。

[hiroshi_revolution]

簡単、きれい！RGBaカラーを使って横メニューを作ってみる｜Webpark