はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 美しいCSSグラデーション

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

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

2022/04/13 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip UIデザイン コード デザイナー 背景 デジタルアート

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

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

2018/07/23 このエントリーをはてなブックマークに追加 60 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 色相 コピペ CSS イケメン

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

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

2018/03/27 このエントリーをはてなブックマークに追加 64 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 矩形 box-shadow シャドウ CSS

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

 
(1 - 3 / 3件)