免费的渐变背景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%);

🍰
完成！