clip-path 相关问题

一个CSS属性，可以指定要显示的对象的特定区域。

剪切路径插入圆

我有一个正方形的图像，想用圆形将其切成中间，以查看后面的内容（实际上是人体背景图像）。我找到了剪切路径CSS属性，但是我只是用...

css geometry clip-path vinyl

回答 1 投票 0

在CSS中具有一致角度的三角形边缘

我必须对这样的设计进行编码：我完成了如图所示的所有操作，但是遇到了问题。当屏幕尺寸改变时，该多边形的角度也会改变，但我需要保持一致...

javascript html css border clip-path

回答 1 投票 0

在CSS中剪切图像的中心

我正在尝试在全屏视频之前放置半透明的覆盖层，并将其作为拍照的目标。我要裁剪的部分在此图像中以白色显示：https://ibb.co/cK6xb8 clip -...

css mask clip-path

回答 1 投票 1

如何调整SVG的ClipPath区域的大小？

我有这样的代码：.img-container {width：300px;高度：300像素；背景颜色：浅绿色；溢出：隐藏； } .clipped-img {剪切路径：url（'＃header-clip-svg'）; }

css svg clip-path

回答 2 投票 6

调整ClipPath区域的大小

我有此代码：.img-container {width：300px;高度：300像素；背景颜色：浅绿色；溢出：隐藏； } .clipped-img {剪切路径：url（'＃header-clip-svg'）; } ...

css svg clip-path

回答 1 投票 2

[基于带有CSS的背景图像的黑白文本

我正在尝试在双色标头上实现黑白文本的效果，该标头的一面总是白色，另一面带有背景图像（不同颜色）。这是...

javascript css clip-path css-filters mix-blend-mode

回答 2 投票 5

修复IE / Edge CSS剪切路径

我在使用clip-path CSS属性时无法在IE11 / Edge浏览器中使用clip-path属性。下面的代码段是到目前为止，我能在所有浏览器中正常工作，但Microsoft ...

css internet-explorer-11 microsoft-edge clip-path

回答 1 投票 0

FabricJS在视频上具有clipPath问题

将clipPath附加到对象后，视频无法正确播放。仅当您调整对象大小时，视频才会更新帧。 var canvas = new fabric.Canvas（'canvas'）; var videoEl = ...

fabricjs clip-path

回答 1 投票 0

在CSS circle（）半径中似乎无法正确计算

每当我尝试使用CSS circle（）函数进行一些剪辑时，就一直困扰着我，如下所示：.red {width：200px;高度：300像素；背景：红色； ...

css geometry clip clip-path radius

回答 1 投票 1

带有视频html的剪切路径

我在Safari浏览器中使用带有视频标签的clip-path属性时遇到问题。在chrome和firefox中，带视频的剪切路径效果很好。实际上，Saffary应该支持它，也许我的代码还有其他错误。 ...

reactjs svg safari clip-path

回答 1 投票 0

SVG Clip-Path在iOS上不起作用

我在IOS设备上包含多边形，图像和剪切路径的SVG元素有问题。我的代码在Windows和Android上运行良好，但在iPhone中未显示该图像。我可以使用SVG，...

html image svg clip-path

回答 1 投票 0

点击透明图像像素

我不希望图像的透明部分可点击。我发现，但坐标以像素为单位，我想做一些响应。另一个问题：我找不到原因...

javascript html css click clip-path

回答 2 投票 3

使用CSS的多个对象的挖空效果/剪切路径

我想知道如何在css中为单个背景图像（类似于photoshop中的剪切路径？）的多个div（创建为矩形）在css中实现剪切路径效果/敲除效果？...

html css clip-path

回答 1 投票 0

在使用剪切路径和溢出的父div上方显示div：隐藏

我在有序列表上设置了一个滑块，每个li代表一张幻灯片。包含此列表的div使用clip-path和overflow：hidden整形为平行四边形。在幻灯片的li -...

position z-index pseudo-element clip-path

回答 1 投票 0

无法过渡或动画css剪切路径

这完全可以正常工作，因为svg从独角鲸变成了猫头鹰

css svg clip-path

回答 1 投票 2

-webkit-clip-path不适用于Chrome吗？

以下代码在FireFox中工作正常，它显示了一只蓝色的兔子：＃item1 {...

css google-chrome clip-path

回答 1 投票 0

是否可以在div的顶部创建径向边框？ [重复]

html css pseudo-element clip-path

回答 1 投票 -1

剪切路径的Edge / IE问题

创建一个带有圆形旋转菜单的网站，它在Chrome，Firefox和Opera上运行良好，但是Edge和IE出现了一些问题。最主要的是Edge / IE不支持剪切路径，因此...

javascript internet-explorer svg microsoft-edge clip-path

回答 1 投票 0

如何从图像底部切出圆形部分？

我正在尝试使用SVG路径剪切图像，但是图像似乎不太适合。这是我想要实现的目标：这就是我得到的目标：这是我尝试过的代码：....

html css svg clip-path

回答 1 投票 0

剪切路径svg适用于图像，但不适用于div

在MDN上，有一个有关如何在图像上使用剪切路径svg的示例。相同的剪切路径似乎不适用于div元素。有人可以澄清一下：为什么此代码无法按预期方式工作... ...

css svg clip-path

回答 2 投票 1

clip-path 相关问题

最新问题