他ではあまり見かけないユニークなグラデーションがまとめられた「Gradient Magic」

他ではあまり見かけないユニークなグラデーションがまとめられた「Gradient Magic」

「Gradient Magic」は様々な見栄えのグラデーションがCSSでの実装コード付きでまとめられているサイトで、他ではあまり見ないタイプのものが多数用意されています。

サイトでは「Standard」「Angular」「Stripes」「Checkered」「Burst」の大きく5スタイルに分類されており、「Standard」以外の一部を紹介すると以下のような見栄えのグラデーションがあります。

Angular

Angular

Stripes

Stripes

Checkered

Checkered

Burst

Burst

いずれもCSSのlinear-gradient()repeating-linear-gradient()を組み合わせて作られたもので、各カードの右下にある「COPY CSS」から実装に必要なコードもワンクリックでコピーすることができます。
また、ページ上部ではスタイルやカラーで絞り込んだり、人気順や新着順で並べ替えができるようになっているので、目的のグラデーションを探すときに役立つと思います。

ここで紹介しているのはほんの一部なので、ちょっと変わったグラデーションを実装したい場合はチェックしてみてください。

Close the search window,
please press close button or esc key.