渐变圆角边框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 是渐变的边框的两个颜色

相关推荐
橙色日落2 分钟前
Vue2 + LogicFlow 实现可视化流程图编辑功能+常用属性大全
前端·vue·流程图·logicflow
NaMM CHIN8 分钟前
Spring boot整合quartz方法
java·前端·spring boot
西洼工作室9 分钟前
react 地图找房模块
前端·react.js·前端框架
低保和光头哪个先来9 分钟前
Axios 近期安全版本
开发语言·前端·javascript·前端框架
han_15 分钟前
JavaScript设计模式(八):命令模式实现与应用
前端·javascript·设计模式
AlunYegeer19 分钟前
黑马头条踩坑总结:频道状态筛选前端联调失效问题
java·前端
蜡台20 分钟前
浙政钉(浙里办小程序) H5 二次回退问题修复方案
前端·小程序·浙政钉·浙里办
踩着两条虫22 分钟前
揭秘VTJ.PRO前端架构:一套代码,多端运行的低代码引擎
前端·vue.js·低代码
fzil00124 分钟前
用 React 写 CLI 是什么体验?—— Ink 框架深度解析与实战
前端·react.js·前端框架
长相思97924 分钟前
text-overflow: ellipsis和display:flex互斥
前端·css·html