8得票1回答
剪切路径宽度不是100%宽度

你好,我正在使用slick slider,我想将容器进行剪切路径(clip-path),但是剪切路径无法正常工作。 这是我的SVG路径: <svg width="0" height="0"> <defs> <clipPath...

8得票4回答
如何在FF和IOS中使用剪辑路径多边形

我尝试编写一个小插件,以更有机械感的方式打开模态框,因此我决定对clip-path属性进行动画处理。 现在这段代码只适用于Chrome: http://codepen.io/meodai/pen/GgGzYo?editors=011 看起来Firefox不支持clip-path属性中的po...

7得票2回答
为什么使用clip-path的元素在svg <use xlink:href="#"/>中引用时不能正常工作?

实现SVG精灵时,需要创建一个&lt;svg&gt;元素,并通过&lt;use&gt;元素引用SVG元素。然后,使用style="display: none;"来隐藏包含的&lt;svg&gt;元素。 clip-Path属性不会被呈现,但路径会被呈现。这将导致我的路径看起来与我想要的不同。 ...

7得票4回答
如何在HTML中使div中的文本透明度降低。

如何降低 div 中文本的透明度,就像这样:

7得票1回答
如何在不旋转图像的情况下旋转剪辑路径?

我有一个带有 CSS 属性 clip-path 的图像,并添加了旋转 clip-path 的动画,我只想旋转 clip-path 而不是图像。从下面的代码中,您可以了解我想要实现的内容。但问题在于,我的代码需要手动设置每个关键帧上的 clip-path 点,这需要很长时间。是否有简短的方法可以...

7得票2回答
如何扩展`clip-path: path`?

我有一个裁剪路径,它可以切割出特定的形状。问题是它设置为绝对坐标。如果我放置 % ,它会出现问题。如何缩放它以适应画布边框并与画布一起拉伸? .canvas { width: 200px; height: 200px; background-color: blac...

7得票2回答
clip-path在Chrome上无法正常工作。

我在Chrome浏览器中遇到了clip-path的问题。Firefox浏览器没有问题,可以正确显示这个HTML页面,但是Chrome浏览器却没有显示任何内容。 img { -webkit-clip-path: url(#clipping); clip-pat...

7得票1回答
为什么clip-path(和其他属性)会影响DOM后面元素的层叠顺序(z-index)?

之前已有人提过这个问题,但只是在CSS中明确定义了z-index的情况下。 我尝试在标题上使用clip-path,但随后从位于该标题下方的元素中拉起一个图像,使其覆盖在该标题的上方。 但是,一旦我在标题上定义了clip-path,图像(它应该在堆叠顺序中更高,因为它在代码中出现得更晚)就会...

7得票2回答
使用CSS在背景图像上实现黑白文本

我试图实现这种效果:在一个双色标头上,文字为黑白色,在一侧始终是白色,而另一侧有一个不同颜色的背景图片。 这是用于此示例的css,它之所以有效,是因为图像具有纯黑色背景: .text { position: relative; color: rgb(255, 255, 255)...