イナヅマTVログ

svg gradient generator

CSS3, IE 9のためにSVG付きグラデーション生成サービス

| 0件のコメント

先日も投稿したようにIE 9で背景にグラデーションの指定をしたい時はSVGを使います。

SVGってツールがないと作るのが超めんどくさいです。
私はCompassで作ってますが、なんかイヤって方は色々Web上で生成ツールを公開してくれている方がいるのでそちらを使うといいよな話です。

CSS3 Gradient Generatorをいくつか。

SVG Gradient Background Maker
microsoftさんが作ってました。
svg gradient generator

SVGはCross BrowserだからとSVGのコードしか出力してくれません。
意固地ですね〜。
gradient CSS3の設定まで出してくれると誉めてあげられるのに。

visual.css.tools
CSS + SVG + Canvas cross-browser gradient generator for web designers

だそうです。
こちらの方が使いやすいなぁと個人的には思います。
svg gradient generator

どちらのツールにもgradientの既存値から変換する機能があります。
CSSを先に制作しておいて、後でSVGだけ出力して貰う。なんて使い道もアリみたいです。

コメントを残す