css - 渐变样式实现（渐变边框 + 渐变背景）

Fighting_p

于 2024-01-08 16:37:28 发布

阅读量656

点赞数 8

分类专栏： css 项目问题文章标签： css javascript 前端

本文链接：https://blog.csdn.net/m0_53562074/article/details/135460905

版权

项目问题同时被 2 个专栏收录

104 篇文章 1 订阅

订阅专栏

css

17 篇文章 0 订阅

订阅专栏

在这里插入图片描述

.select {
  border-bottom: 2px solid; /* 下边框 */
  border-image: linear-gradient(
      90deg,
      rgba(250, 173, 20, 0) 0%,
      rgba(250, 173, 20, 1) 51.46%,
      rgba(125, 87, 10, 0) 100%
    )
    1; /* 边框渐变 */
  background-image: radial-gradient(circle at 49% 238%, #faad14, transparent 70%); /* 背景渐变 */
  color: rgba(253, 230, 198, 1);
}