免费的渐变背景CSS3样式

061 甜蜜时期 Get .PNG

Many colors

background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);

🎂
成功！

062 火烧的寂寞 Get .PNG

Many colors

background-image: linear-gradient(to top, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);

✊
完成！

063 温和的爱护 Get .PNG

Many colors

background-image: linear-gradient(to top, #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%);

👌
完成！

064 红色的拯救 Get .PNG

#f43b47 → #453a94

background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%);

👊
完成！

065 燃烧的春天 Get .PNG

Many colors

background-image: linear-gradient(to top, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);

👍
成功！

066 晚会之夜 Get .PNG

#0250c5 → #d43f8d

background-image: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);

👌
完成！

067 天空翱翔 Get .PNG

#88d3ce → #6e45e2

background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);

💝
真棒！

068 美好的未来 Get .PNG

#d9afd9 → #97d9e1

background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);

👍
完成！

069 贵族的人物 Get .PNG

#7028e4 → #e5b2ca

background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);

💥
真棒！

070 水珠飞溅 Get .PNG

#13547a → #80d0c7

background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);

💪
nice!

071 上面的云 Get .PNG

Many colors

background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
 background-blend-mode: normal, lighten, soft-light;

🔥
做的好！

072 灰色的照片 Get .PNG

Many colors

background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);

🏌
成功！

073 爱的吻 Get .PNG

#ff0844 → #ffb199

background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);

🤘
完成！

074 乌云密布 Get .PNG

Many colors

background: #C9CCD3;
 background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: lighten;

👋
做的好！

075 干净的镜子 Get .PNG

#93a5cf → #e4efe9

background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);

🐯
nice!

076 高级而神秘的黑 Get .PNG

#434343 → #000000

background-image: linear-gradient(to right, #434343 0%, black 100%);

💥
完成！

077 寒冷的夜晚 Get .PNG

Many colors

background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);

👏
nice!

078 纳木措看海 Get .PNG

#93a5cf → #e4efe9

background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);

👏
完成！

079 活力的夏季运动 Get .PNG

#92fe9d → #00c9ff

background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%);

☕
nice!

080 床上的激情 Get .PNG

#ff758c → #ff7eb3

background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);

🏇
完成！

081 山上的大岩石 Get .PNG

#868f96 → #596164

background-image: linear-gradient(to right, #868f96 0%, #596164 100%);

💫
nice!

082 沙漠的小丘 Get .PNG

#c79081 → #dfa579

background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);

🦄
nice!

083 丛林的天空 Get .PNG

#8baaaa → #ae8b9c

background-image: linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%);

🏇
成功！

084 浴火凤凰 Get .PNG

#f83600 → #f9d423

background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);

👊
完成！

085 活力而又成熟 Get .PNG

#b721ff → #21d4fd

background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);

🏌
完成！

086 遥远的河流 Get .PNG

#6e45e2 → #88d3ce

background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);

🦄
完成！

087 丛林游戏 Get .PNG

#d558c8 → #24d292

background-image: linear-gradient(-20deg, #d558c8 0%, #24d292 100%);

🐯
nice!

088 丛林刚升起的太阳 Get .PNG

#abecd6 → #fbed96

background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);

💪
nice!

089 高级白色 Get .PNG

Many colors

background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);

👋
完成！

090 火星派对 Get .PNG

#5f72bd → #9b23ea

background-image: linear-gradient(to top, #5f72bd 0%, #9b23ea 100%);

👋
做的好！

091 永恒的宇宙 Get .PNG

#09203f → #537895

background-image: linear-gradient(to top, #09203f 0%, #537895 100%);

🤘
真棒！

092 姑娘腮红 Get .PNG

#ddd6f3 → #faaca8

background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);

👋
nice!

093 有彩虹的雨 Get .PNG

#dcb0ed → #99c99c

background-image: linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);

☕
真棒！

094 阳光下的椰果 Get .PNG

#f3e7e9 → #e3eeff

background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);

👍
做的好！

095 火龙果 Get .PNG

#c71d6f → #d09693

background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);

👌
nice!

096 健康的水 Get .PNG

#96deda → #50c9c3

background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);

🥂
做的好！

097 热情爱爱 Get .PNG

#f77062 → #fe5196

background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);

✌
完成！

098 剥开的荔枝 Get .PNG

Many colors

background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);

🏌
nice!

099 另一种青菜 Get .PNG

#a8caba → #5d4157

background-image: linear-gradient(to right, #a8caba 0%, #5d4157 100%);

☕
nice!

100 邪恶的立场 Get .PNG

#29323c → #485563

background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);

🚀
做的好！

101 四川的九寨沟 Get .PNG

#16a085 → #f4d03f

background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);

💗
做的好！

102 快乐的记忆 Get .PNG

#ff5858 → #f09819

background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

🍻
nice!

103 黑夜的深圳 Get .PNG

#2b5876 → #4e4376

background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);

💗
完成！

104 薄荷冰爽 Get .PNG

#00cdac → #8ddad5

background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);

💥
完成！

105 麻雀来了 Get .PNG

Many colors

background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
 background-blend-mode: screen;

💫
完成！

106 幸福的晚会 Get .PNG

#4481eb → #04befe

background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

👋
nice!

107 快乐的云 Get .PNG

#dad4ec → #f3e7e9

background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);

🏇
nice!

108 鸡尾酒 Get .PNG

#874da2 → #c43a30

background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);

🍬
nice!

109 武汉的城市 Get .PNG

#4481eb → #04befe

background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

👍
做的好！

110 冷冻的浆果 Get .PNG

#e8198b → #c7eafd

background-image: linear-gradient(to top, #e8198b 0%, #c7eafd 100%);

🍻
真棒！

111 优雅简单 Get .PNG

Many colors

background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;

🍭
完成！

112 呵护儿童 Get .PNG

#f794a4 → #fdd6bd

background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);

🎂
完成！

113 天与花的相接 Get .PNG

#64b3f4 → #c2e59c

background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);

🏌
真棒！

114 酷炫城市 Get .PNG

Many colors

background-image: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);

🍬
真棒！

115 活力而盛开 Get .PNG

#0fd850 → #f9f047

background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%);

👌
真棒！

116 天空有些阴霾 Get .PNG

Many colors

background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);

💪
完成！

117 关怀与少女 Get .PNG

#ee9ca7 → #ffdde1

background-image: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);

👊
完成！

118 深海里的水 Get .PNG

Many colors

background-image: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);

👌
真棒！

119 化学溶液 Get .PNG

Many colors

background-color: #CDDCDC;
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
 background-blend-mode: screen, overlay;

🤘
做的好！

120 海滩 Get .PNG

#209cff → #68e0cf

background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);

🍰
完成！