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

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);
}
相关推荐
web13093320398几秒前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_23421 分钟前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1231 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
滚雪球~2 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语2 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport2 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg2 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全
胡西风_foxww2 小时前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest
m0_748254882 小时前
vue+elementui实现下拉表格多选+搜索+分页+回显+全选2.0
前端·vue.js·elementui
星就前端叭3 小时前
【开源】一款基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间项目
前端·后端·开源·webrtc