clip-path 相关问题

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

在CSS circle()半径中似乎无法正确计算

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

回答 1 投票 1

带有视频html的剪切路径

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

回答 1 投票 0

SVG Clip-Path在iOS上不起作用

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

回答 1 投票 0

点击透明图像像素

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

回答 2 投票 3

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 2

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

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

回答 1 投票 0


剪切路径的Edge / IE问题

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 1

[reportLab svg2rlg处理剪切路径时的错误

[当使用svg2rlg将SVG文件导入reportLab PDF时,似乎忽略了剪切路径。如果SVG文件具有分配了剪切路径的图形对象(这对于matplotlib是典型的...

回答 1 投票 0

[如果使用剪辑路径,则Svg会在边缘显示背景

我有一个黄色矩形,背景为红色,如果尝试使用多边形对其进行裁剪,则边缘会显示红色背景。

回答 1 投票 0

在Firefox上,溢出:隐藏有效,但仍保留滚动条和空格

我知道Firefox与溢出有点不一致:隐藏;我读了相关的故事。因此,在溢出之上:隐藏;属性,我也添加了剪切路径:inset(0 0 0 0);甚至-moz-overflow:...

回答 1 投票 1

带有剪切路径的动画:插入在Safari中不起作用

我制作了一个在Chrome和Firefox上都能正常运行的剪辑路径动画,但Safari完全忽略了该动画。经过测试后,我发现我的静态剪切路径在Safari中可以正常工作,但是它拒绝设置动画...

回答 1 投票 0

如何为SVG元素中定义的剪切路径设置动画?

我知道如何为直接在CSS中定义的剪切路径设置动画,但是当从SVG clipPath元素中引用剪切路径时,我不明白该如何做。我一直在尝试简单的...

回答 1 投票 0

带有边的可伸缩剪切路径多边形

似乎Edge不能处理剪切路径多边形。如何使用Edge进行这项工作? .background {background-color:grey; } .content {背景:黄色;高度:240像素; ...

回答 1 投票 0

如何像提供的图像中那样生成clipPath

我想生成一个小部件,其小部件的路径类似于给定图像中的小路径。我在这里谈论的是应用程序屏幕的白色部分,其中包含信息。下面的代码是我...

回答 1 投票 0

SVG响应剪辑路径或蒙版图像

我正在尝试将SVG剪辑路径应用于gif(我也尝试过蒙版图像,但在这里也无法获得想要的结果),以使其在所有屏幕的视口范围内...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.