CSS3边框，背景，字体渐变色

最新推荐文章于 2024-05-27 17:16:47 发布

weixin_45789779

最新推荐文章于 2024-05-27 17:16:47 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/weixin_45789779/article/details/103056340

版权

1.背景色渐变

 background-image: radial-gradient(circle, rgb(170, 178, 226) 50%, rgb(98, 106, 151));

2.边框渐变

        border: 5px solid transparent;
        border-image: linear-gradient(to right, #465779, rgb(208, 212, 236),  #465779);
        border-image-slice: 5;

3.字体渐变

     font-size: 48px;
     background-image: linear-gradient(to bottom,#455779, #fff);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;