Empty Design

透過グラデーションの作成方法

うちのサイトでも使用している透過グラデーション。
これは画像はストライプのみでCSSで指定をしています。

ソースはこんな感じ。

	background:transparent;/*未対応ブラウザへの代替指定*/
	/* Gecko系 */
	background: -moz-linear-gradient( top, 	#666, rgba(255,255,255,0));
	/* Webkit系 */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(rgba(255,255,255,0)));

これを流用すれば色々なグラデーションが作成できそうですね。
そのうち色んな種類のグラデーションを作成してお見せします。