文章标签

网页设计是一种基于矩形的媒介，任何偏离矩形的设计都会让人感到新鲜。Michelle Barker 深入探讨了如何使用数学以编程的方式绘制线条、形状和动画，最终呈现出既美观又具有…

假设有人要求你为一些随机的几何 SVG 形状添加一个双边框。由于某些原因，你无法使用任何图形编辑器——它们需要在运行时生成——因此你必须解决…

Codrops 上有一篇关于 CSS 形状的非常不错的文章，来自 Tania Rascia。你可能知道形状外部用于重新定义文本围绕该元素浮动的区域，从而实现一些有趣的设计机会。但是，还有一些…

哦，明天（明天！）是美国的大选日。我们不会在 CSS-Tricks 上进行政治背书或类似的事情，尽管我们确实支持每个人行使自己的投票权。

两年前，我做到了这一点，并发布了“我已投票”贴纸的 CSS 渲染，该贴纸随我的加州邮寄选票一起提供。

快进到今天，我收到了选票中附带的带有新设计的贴纸。

我有时间，所以我打算尝试用 CSS 重新创建这个贴纸，并在制作过程中详细说明我的思路。如果你愿意，可以跟着做！

CSS 可以制作各种形状。正方形和矩形很容易，因为它们是网络的自然形状。添加width和height，你就可以得到所需尺寸的矩形。添加border-radius，…

Firefox 62将于 9 月 5 日从测试版中发布。对于 CSS 开发人员来说，最大的亮点是它现在将支持使用polygon()、circle()和ellipse()的形状外部属性，加入了 Chrome 和 Safari 的行列。…

这是我最近在几个会议上做的演讲。它讲述了 CSS 中的四个不同属性

1. 形状外部
2. 偏移路径
3. 裁剪路径
4. d

CSS 中提供了一些值，允许绘制形状。例如，circle()函数是几个 CSS 属性的有效值。“绘制”可能不是合适的词。它是…

CSS 形状就像如今渐进增强的完美例子。有点像border-radius。旧版浏览器有方形角！谁在乎！ CSS 形状允许你将文本不规则地包裹——就像沿着circle()的路径一样。…