渐变圆角边框css

概要

样式要求:渐变边框 + 圆角

代码内容

复制代码
border-radius: 15px;
border: 1px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image: linear-gradient(to right, #262537FF, #262537FF),linear-gradient(to right, #76124cFF, #09c4e2FF);

解释:

background-image的第一个to right 是按钮的底色,第二个to right 是渐变的边框的两个颜色

相关推荐
一只小bit5 分钟前
Qt 文件:QFile 文件读写与管理教程
前端·c++·qt·gui
午安~婉14 分钟前
整理知识点
前端·javascript·vue
军军君0125 分钟前
Three.js基础功能学习十二:常量与核心
前端·javascript·学习·3d·threejs·three·三维
m0_748254661 小时前
CSS AI 编程
前端·css·人工智能
27669582921 小时前
dy bd-ticket-guard-client-data bd-ticket-guard-ree-public-key 逆向
前端·javascript·python·abogus·bd-ticket·mstoken·ticket-guard
m0_726365831 小时前
哈希分分预测系统 + Python Worker + Web 仪表盘”小系统(PHP + MySQL)
前端·python·哈希算法
WX-bisheyuange1 小时前
基于SpringBoot的交通管理在线服务系统
前端·javascript·vue.js·毕业设计
Coder_Boy_2 小时前
基于SpringAI的在线考试系统-考试系统DDD(领域驱动设计)实现步骤详解(2)
java·前端·数据库·人工智能·spring boot
GIS之路2 小时前
ArcGIS Pro 实现影像波段合成
前端·python·信息可视化
m0_748254662 小时前
CSS id 和 classid 和 class 选择器
前端·css