文章标签

clip-path 是 CSS 属性中的一种，我们通常知道它存在，但出于某种原因可能不会经常使用它。从某种意义上说，它有点令人生畏，因为它感觉像是数学课，因为它需要使用几何…

您是否曾经希望确保 (伪) 元素的任何内容都不会显示在其父元素的border-box外部？如果您难以想象它是什么样子，假设我们希望以最小的…获得以下结果。

让我们逐步介绍一下您无法完全按照逻辑进行操作但仍可以使用 CSS 技巧完成操作的情况。在这种情况下，它将是将阴影应用于形状…

有时需要 35 秒才能真正理解一个概念。Mikael Ainalem 在这里提供了这一点，如果您还没有完全掌握基于路径的 CSS 属性（如剪裁路径和形状外）背后的概念…

我喜欢 Adam Laki 的快速提示：CSS 三角形，因为它涵盖了前端技术中普遍存在的事实：始终有多种方法可以做同样的事情。在这种情况下，绘制三角形可以使用

• border 和

我最近遇到一个有趣的切片圆盘设计。圆盘具有对角线渐变，并被分成水平切片，从左到右略微偏移。自然地，我开始思考最有效的方法…

一直以来让我感到惊讶（和悲伤）的一件事是，clip-path 属性 虽然很棒，但只接受几个值。circle() 和 ellipse() 函数很好，但使用border-radius隐藏溢出和圆角通常…

Codrops 有一篇关于 CSS 形状的非常好的文章，作者是 Tania Rascia。您可能知道形状外 用于重新定义文本围绕该元素浮动的区域，从而提供了一些有趣的设计机会。但是，还有几个…

这是我之前关于剪裁路径的文章的后续文章。上次，我们深入研究了剪裁的基本原理以及如何开始。我们查看了一些示例来说明我们可以用…做什么。