问题标签 [css-gradients]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 使用 CSS 向圆形图像添加外部渐变边框或叠加形状
我正在尝试使用 CSS 将三种纯色(图 B)的外部渐变边框(图 B)添加到图像(图 A)中,但到目前为止我尝试过的方法并没有太多运气。图像将具有border-radius: 50% 以使它们成为圆形,并且外边框需要随图像缩放。我希望能够仅使用 CSS 类将其快速应用于任何图像。
我尝试过 SVG 蒙版、边框图像和常规叠加,但似乎都没有完成手头的任务。 这支笔是我得到的最接近的,但是我需要图像和边框之间的空白。
关于我应该如何处理这个问题的任何想法?