CSS3でグラデーションを作るときに便利な自動生成ツール


CSS3への対応ブラウザがほとんどになってきているのでCSSでボタンを作ることも多くなっていると思います。
グラデーションもCSS3で出来るようになりましたが、とにかく面倒かつどこをどのようにすれば
どういうグラデーションがかかるかわかりづらいですよね。

そんなときはグラデーション自動生成ツールを使いましょう!

Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/

使い方は簡単で、Ultimate CSS Gradient Generator

左のつまみをドラッグして自分の作りたいグラデーションにする。(プレビューは右上)

好みのグラデーションになったら右のコードをすべてコピーして、セレクタに適応させる。
以上!!

もし自分でうまくグラデーションが作れない場合は、左上にプリセットがあるのでそこをクリックすれば
もともと作られたグラデーションのコードを作ることが出来ます。

今風のサイトを作りたい人はCSS3は絶対だと思うのでこの機会に勉強してみては?

更新情報はFacebookページで!

ブログの更新、読んで役立つ他ブログの記事などを更新しています。




関連のある記事


質問があればこちらからどうぞ

コメントを残す

メールアドレスが公開されることはありません。


*