CSS渐变色，多种样式可选

mwh321

于 2021-11-01 14:35:10 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

文章标签： css 前端

本文链接：https://blog.csdn.net/mwh321/article/details/121079695

本文介绍了两种使用CSS实现的渐变色背景效果，包括从左到右渐变及垂直方向渐变的技术细节，并推荐了一个实用的国产配色网站——毒蘑菇配色网站。

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

渐变色：

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

在这里插入图片描述
给大家推荐一个国产配色网站毒蘑菇配色网站