[B! グラデーション] jaga291のブックマーク

ゴールドとシルバーのグラデーションが眩しいほどに美しい！490種類のPhotoshop用のグラデーション無料素材

jaga291 2015/05/22

リンク

美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！

2020年5月18日 CSS, Webデザイン, 便利ツール背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen

jaga291 2015/03/02

リンク

最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス

落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。

jaga291 2014/09/26

リンク

[CSS3]面倒なCSS3、linear-gradientを使いやすくまとめてみた | バシャログ。

こんにちはLatinです。今年も残す所、あと11ヶ月となってしまいましたが、やり残しのないよう頑張ろうと思っております。今回はCSS3のグラデーションにまつわるエントリーです。ハッキリ言って面倒くさい！さてCSS3のグラデーション「linear-gradient」なんですが、はっきり言って面倒です･･･。今はCSS3のジェネレータもたくさんあるので、それらを使うのもいいのですが、足りない分のベンダープレフィックスを探したり、filter やら毎回ググるのが非常に面倒！且つ、ボタンなどに、gradient と border-radius を併記した場合、IE9 での表示が若干おかしくなってしまいます。詳細は下記に記載しますが、今後サクッと使えるように備忘録がてら、簡単にまとめておこうと思います。 CSS スニペット（修正前） .btn { border-radius: 4px;

jaga291 2013/02/06

リンク

はてなブックマーク

タグ

関連タグで絞り込む (3)

グラデーションに関するjaga291のブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年11月第1週）

月間はてなブックマーク数ランキング（2024年10月）

今週のはてなブックマーク数ランキング（2024年10月第4週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス