好看的渐变色

最新推荐文章于 2025-02-19 15:50:47 发布

前端学习机

最新推荐文章于 2025-02-19 15:50:47 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.csdn.net/weixin_52608028/article/details/113751379

这个博客分享了一组美丽的渐变色代码，适用于网页背景，包括多种颜色搭配和角度变化，如线性渐变和135度角渐变，为网页设计提供灵感。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

my-color

超级好看渐变色网站
https://webkul.github.io/coolhue/

  background-image: linear-gradient(to bottom, rgb(93,180,255) 50%, rgb(177,219,255) 100%);
  background-image: linear-gradient(to bottom, rgb(9,179,138) 50%, rgb(138,232,201) 100%);
  background-image: linear-gradient(to bottom,#ead6ee 50%, #a0f1ea 100%);
  background-image: linear-gradient(to bottom,#f9957f 50%, #f2f5d0 100%);
  background-image: linear-gradient(to bottom,#ef33b1 50%, #f6e6bc 100%);
  background-image: linear-gradient(to bottom,#c973ff 50%, #aebaf8 100%);
  background-image: linear-gradient(to bottom right,#0c7bb3 20%, #f2bae8 100%);
  background-image: linear-gradient(135deg, rgb(171, 220, 255) 10%, rgb(3, 150, 255) 100%);
  background-image: linear-gradient(135deg, rgb(254, 182, 146) 10%, rgb(234, 84, 85) 100%);
  background-image: linear-gradient(135deg, rgb(206, 159, 252) 10%, rgb(115, 103, 240) 100%);
  background-image: linear-gradient(135deg, #b5eebf 10%, #75ca85 80%);
  background-image: linear-gradient(135deg, rgb(129, 251, 184) 10%, rgb(40, 199, 111) 100%);
  background-image: linear-gradient(135deg, rgb(252, 207, 49) 10%, rgb(245, 85, 85) 100%);
  background-image: linear-gradient(135deg, rgb(247, 97, 161) 10%, rgb(140, 27, 171) 100%);
  background-image: linear-gradient(135deg, rgb(67, 203, 255) 10%, rgb(151, 8, 204) 100%);
  background-image: linear-gradient(135deg, rgb(94, 252, 232) 10%, rgb(115, 110, 254) 100%);
  background-image: linear-gradient(135deg, rgb(254, 193, 99) 10%, rgb(222, 67, 19) 100%);
  background-image: linear-gradient(135deg, rgb(238, 173, 146) 10%, rgb(96, 24, 220) 100%);
  background-image: linear-gradient(135deg, rgb(82, 229, 231) 10%, rgb(19, 12, 183) 100%);
  background-image: linear-gradient(135deg, rgb(253, 216, 25) 10%, rgb(232, 5, 5) 100%);
  background-image: linear-gradient(135deg, rgb(255, 233, 133) 10%, rgb(250, 116, 43) 100%);