[無料]角丸長方形のCSSコードを自動生成するツール

Webデザインをする時に、角丸をCSSで作りたいと言うことがありますよね。

そんな時、どうしていますか?

この位かなぁ!?って、角丸のアールを予測しながら数値を経験で入れながら作っていたりしませんか。

もし、経験と予測で角丸を作っているなら、その時間をご紹介するツールで短縮してみてください。

border radius

四隅の数値を考えている数値に変更し、表示されたCSSコードをコピペするだけです。















[無料]グラデーションパターンを検索できるサービスはいかがですか

画像を作る時に、グラデーションを作ることがありますよね。

そんな時に、どんな色合いが良いかなぁって考えた時に、このサイトのグラデーションパターンを検索出来るサイトを使ってみてください。

WebGradients

例えば、

 001 Warm Flame

を例に挙げると、この名前のグラデーションは、

 #ff9a9e から #fad0c4

に向かってグラデーションさせると出来上がるパターンで、そのためのCSSが、

 background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

となります。

このように、デザインする時に、とっても役に立つと思います。