最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients

2022/04/13 10 users UIデザイン コード デザイナー 背景 デジタルアート

プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。 Design Gradients Desi...記事の続きを読む 続きを読む

制作者はなんと15歳のイケメン！今風の美しいCSSグラデーションがコピペで簡単に利用できる -Gradient Hunt | コリス

2018/07/23 60 users コリス 色相 コピペ CSS イケメン

Webサイトやスマホアプリで人気が高い、色相を変化させた美しいグラデーションがCSSのコード・デザイン素材で利用できるオープンソースの無料サイトを紹介します。 制作者（@fmaldonadoy）は15歳のデザイナー兼We...記事の続きを読む 続きを読む

[CSS]こんなやり方があるとは！ボタンのシャドウに2色の美しいグラデーションを与えるテクニック | コリス

2018/03/27 64 users コリス 矩形 box-shadow シャドウ CSS

ボタンや矩形などの要素にシャドウを付ける時は「box-shadow」が便利ですが、1色または重ねても全体が均一のカラーでしかシャドウを適用することができません。 2色の美しいCSSグラデーションでシャドウを適用するPure CSSの実装を紹介します。 Gradient shadow in pure CSS デモ 実装 デモ まずは、実際の動作から見てましょう。 2色の美しいグラデーションを伴ったシ... 続きを読む