Lucky bag: : blog: 背景画像に使える透過 GIF

斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi

[webmarksjp]

web制作

[oki448jp]

背景画像に透過GIFを指定することで、色変更を柔軟にする

[suttang]

はてぶコメント が笑える

[k_ume75]

超便利！！

[hiro_y]

透過GIF + 背景色指定。

[asiamoth]

これはいいアイデア！

[dotgram]

ロールオーバーに使われてたりしますね

[yuupon]

発想の逆転

[krpyn]

頭いい！

[sst]

色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃん

[monicchi]

こういうの考え付く人って頭いいよねぇ

[ulysses_powers]

透過画像を背景にして、CSSで色を変更というアイディア

[testin]

なるｈど

[wacky]

色をすぐに切り替えることのできる模様つき透過GIFファイル。background-colorで背景色を指定するだけ。

[sweetlove]

なるほど