CSS 渐变色（超好看）

最新推荐文章于 2025-11-22 21:06:54 发布

原创最新推荐文章于 2025-11-22 21:06:54 发布 · 置顶 · 3.6w 阅读

122 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #CSS #颜色渐变

Css 专栏收录该内容

5 篇文章

订阅专栏

本文介绍并分享了两种视觉效果极佳的渐变色设计方案，通过CSS代码实现，包括从橙红到深红的rainbow风格及从青蓝到深蓝的azure风格。

分享两个个人感觉超级好看的渐变色：

下面贴出代码：

    .rainbow {
        width: 200px;
        height: 50px;
        background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);
    }
    .azure {
        width: 200px;
        height: 50px;
        background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
    }