为 css 边框添加渐变色
想要在 css 边框上应用渐变色，可以使用 border-image 属性。
问题：只显示左右渐变
按照示例代码实现后，渐变色仅显示在边框的左右侧。如何解决？
答案：渐变色设置错误
立即学习“前端免费学习笔记（深入）”；
示例代码中存在渐变色设置错误。正确设置如下：
border-image: linear-gradient(rgba(255, 255, 255, 0.00) 0%, #00BBF2, rgba(255, 255, 255, 0.00) 100%) 2 2;
登录后复制
为了解决只显示左右渐变的问题，可以使用 border-image 的 radial-gradient，该渐变色向外发散。
border-image: radial-gradient(rgba(#fff,0),rgba(#fff,0), #00BBF2, rgba(#fff,0), rgba(#fff,0)) 50 50;
登录后复制
© 版权声明
文章版权归作者所有，未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容