css - 渐变样式实现(渐变边框 + 渐变背景)

在这里插入图片描述

.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);
}

相关推荐

  1. css 边框渐变

    2024-01-09 15:36:01       53 阅读
  2. css技巧】css实现边框渐变

    2024-01-09 15:36:01       64 阅读
  3. 使用 CSS 实现渐变效果

    2024-01-09 15:36:01       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-09 15:36:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-09 15:36:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-09 15:36:01       82 阅读
  4. Python语言-面向对象

    2024-01-09 15:36:01       91 阅读

热门阅读

  1. Docker实战

    2024-01-09 15:36:01       50 阅读
  2. 面试经典题---14.最长公共前缀

    2024-01-09 15:36:01       59 阅读
  3. KY132 xxx定律

    2024-01-09 15:36:01       57 阅读
  4. C++ 多线程顺序打印

    2024-01-09 15:36:01       57 阅读