首页  >  文章  >  web前端  >  CSS-only Shining Stroke ✨!

CSS-only Shining Stroke ✨!

DDD
DDD原创
2024-09-21 06:25:02609浏览

CSS-only Shining Stroke ✨!

Inspired by a Post on X/Twitter on creating a shining stroke in figma, I thought that I can create it using CSS multi layered background images that are blended on a color-dodge mode, and masking them along with clipping those masks and compositing them in subtract to show only the border, also used css custom properties to manage the gradient direction, border-size, square size

以上是CSS-only Shining Stroke ✨!的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn