CSS3グラデーションを簡単に作成できる -CSS3 Gradient Generator

CSS3グラデーションを結果を確認しながら、簡単にブラウザ上で作成できる「CSS3 Gradient Generator」を紹介します。

サイトのキャプチャ

CSS3 Gradient Generator v2.0
※キャプチャ画像は加工してます。

CSS3グラデーションに対応しているブラウザは現在、SafariやChrome、Firefox3.6と一部のものだけで、グラデーションを画像を使用せずに作成することができます。

CSSでの指定が面倒な人などには特に便利で、グラデーションとスタイルシートの結果を確認しながら生成することができます。

サイトのキャプチャ

グラデーションのサンプルとコード

コードの上(webkit)はSafari, Chrome用のもので、下(moz)はFirefox用のものとなっています。

sponsors

top of page

©2024 coliss