最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现： 很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常

将背景绘制范围设为padding-box，边框设置为透明色，即可实现效果。 上图多边框可使用 box-shadow 实现，有一个缺点就是只能设置实线。 box-shadow支持逗号分隔语法，我们 可以创建任意数量的投影。 如上图，如果只是需要两层边框，当然我们还可以使用outl…

👏CSS @property属性实现卡片边框渐变动画，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第N天，点击查看活动详情 CSS 作为“前端三剑客”之一，也是前端程序员入门时必须学习的基础技术之一。但是大家常常都局限于使用简单

今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。 渐变边框动画 事例地址：https://codepen.io/mike-schultz/pen/NgQvGO CSS Animati

之前做过很多特殊的布局，比如在这两篇文章 CSS 实现优惠券的技巧 (juejin.cn)、CSS 实现支持渐变的提示框（tooltips） (juejin.cn)，如下 但是一直有一个痛点就是：无法

CSS对于前端工程师来说是基础中的基础，如果基础不扎实，就得日常跪求UED给图来实现效果。 CSS 背景的工作原理是默认延伸到border区域的，CSS3 中，我们可以使用 background-clip 属性来调整这个默认行为带来的不便。将它设为 padding-box，便可…

现代 CSS 与 Web 动画解决方案，专注于实现复杂布局，制作酷炫动画，制作复杂交互，构建奇思妙想效果等方面的内容。 去实现过往 CSS 中非常难以实现的一个点，本文来看看如何绘制不规则图形的边框。

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…