CSSのコピペだけで出来る良質な5つのグラデーション 『Gradients By boltaway』

CSSのコピペだけで出来る良質な5つのグラデーション 『Gradients By boltaway』
このエントリーをはてなブックマークに追加
PR

Gradients
By boltaway

DEMO 表示

いい感じのグラデーション5種です。コピペでそのまま使えちゃいます

カラーコディネートとか、グラデーションの作成とか得意な方じゃないのでこういうのは助かりますね

 

 

CSS

.bg-1 {
  background: linear-gradient(135deg, #85c9c8, #d4fee6, #e5fdc9);
}

.bg-2 {
  background: linear-gradient(to bottom, #c1ebe1, #93b4ac);
}

.bg-3 {
  background: -webkit-radial-gradient(top left, ellipse, #fde152 0%, transparent), linear-gradient(to bottom, #fa715f, #fa715f 60%, #db1174, #9b4ca7);
}

.bg-4 {
  background: linear-gradient(5deg, #556270, #c44d58);
}

.bg-5 {
  background: linear-gradient(5deg, #036564, #033649);
}
PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)