文章标签

SVG 的 <path> 语法 真是个怪兽。它有各种各样的命令，构成了一种迷你语言，功能强大，能够绘制任何东西。不过，不要太害怕它，因为一些...

最近，我在寻找一些代码灵感，因为我完全没有艺术细胞，所以我只能找到其他人想出来的漂亮东西，然后用干净的...

让我们看看如何将 CSS 中的 border-image 属性与围绕边框移动的动画 SVG 相结合。在这个过程中，我们将介绍如何手工制作可调整大小的九宫格动画 SVG，不仅可以用来重新创建...

前不久，我正在给 An Event Apart 的 网站添加焦点样式。其中一部分是在设计的不同区域应用不同的焦点效果，例如标题中的白色圆环和...

假设你需要在元素周围添加一个渐变边框。我的想法是

• 没有简单明显的 CSS API 可以做到这一点。
• 我将用一个带有 linear-gradient 背景的包装元素，然后一个内部元素会阻止

Paul Lewis 制作了一个 3D 卡片翻转动画。这很简单，但是还需要一个阴影元素

阴影可能需要移动或淡入淡出，因此我们需要一个可以使用变换和不透明度进行动画处理的解决方案。

新的 CSS3 属性 border-image 有点棘手，但它可以让你使用单个 div 和单个图像创建具有自定义边框（或者如果需要，可以创建投影）的灵活盒子。在本文中，我...