• web制作

グラデーションを作れるだけじゃない

佐藤
このエントリーをはてなブックマークに追加

最近忙しさに感けてすっかりブログが疎かになってました。
そんな中で使用頻度が高かった使いやすいジェネレーターを
メモ代わりに残しておきます。

「グラデーションが簡単に作れるジェネレーターまとめ」
数件のグラデーション作成ジェネレーターを紹介されているサイトです。
こちらの中でもかなりお世話になったものをご紹介。

CSS3 GENERATOR

gradation_02

こちらのジェネレーターはグラデーションを作成する以外にも便利な機能があります。
「border-radius」の数値を変更し角丸に、「box-shadow」の数値を変更し影などを
視覚的に確認しながら簡単に得ることができます。

もちろんグラデーションを作成することもできますし、
opacityの値を変更すれば透過させることも可能です。

初めはグラデーション目的で使いましたが、
最近では「box-shadow」で使う方が増えました。。。

rss登録
このエントリーをはてなブックマークに追加