我尝试在 Mozilla 上运行 SVG 剪切路径，但它不起作用。.mask-1 { -webkit-clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); clip-path: polygon(0% 0%, 58% 0%...

我有这样的代码： .img-container { width: 300px; height: 300px; background-color: lightgreen; overflow: hidden; } .clipped-img { clip-path: ...

我能够使用ClipPath剪辑图像，但如何为该剪辑图像添加边框，效果如下所示？

我试图使用SVG来遮罩一张图片。 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width=500 height=300> <defs> <clipPath id="clip">...

我使用clip-path来创建蓝色搜索按钮的特定形状。 在Chrome中，您会看到奇怪的线条出现在切割边缘处，而在Firefox中一切正常。 我不是第一个指出这一点的人，但是我没有找到解决方案。 Chrome Firefox clip-path代码如下： clip-path...

我在这里遇到了一个相当棘手的企业。 我正在构建一只用作“手电筒/探照灯”的鼠标。如果发生悬停事件，所有文本（内联元素、按钮等等）都会从通常的白色反转为黑色，正常的背景是黄色调。 我目前拥有以下设置： const _$shadow = $('.b-cursor__shadow'); ...

我想制作一种类似于 Chris Coyier 在这里所做的进度条：https://css-tricks.com/css3-progress-bars/，不同之处在于我想将 SVG 裁剪路径应用于周围的 div 元素。 例如，我想将 SVG 裁剪路径应用于 .rating-stars：<...

我在我的网站上使用了一些clip-path多边形形状来创建向下指向的内容框，您可以在此处的主页上看到一些示例：http://550.9f2.myftpupload.com/，我正在使用以下CSS：.bottom_arrow { -webkit-clip-path: polygon(100% 0...

我想要达到类似于这样的效果： 我需要将一些文本和图片分别显示在两个区域中，就像上面的图片一样。 尝试使用 clip-path，但是文本内容无法换行，并且对齐也有问题。 我的代码： .clipped-text{ width: 250px; height: 250px; bac...

我试图使用clip-path polygon属性获取形状，但是并没有如预期的工作。我想要制作的形状如下所示： 我尝试了以下代码，但它只给出了角落而不是圆角形状。 ` #header { width: 100%; height: 95vh; background: linear...