clip-path 相关问题

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

[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

Masking-仅在特定div顶部显示div?

我正在尝试使用HTML和CSS创建“眨眼”动画。我想要的是,当眨眼时,眼球没有显示出来。从代码中可以看到,眼睛由4个组成。

回答 1 投票 1

如何从左侧开始按百分比填充颜色到甜甜圈SVG路径?

我有一个甜甜圈SVG路径。它必须从左侧开始填充颜色,并且必须在右侧结束并且必须按百分比填充。看到这个:我试图像这样实现旋转的clipPath:&...

回答 1 投票 0

clipPathUnits =“ objectBoundingBox”在SVG中的Chrome中错误的单位

[当我使用clipPathUnits =“ objectBoundingBox”时,我正在处理Chrome浏览器中的SVG中的单元数奇怪的问题。这是我可以想到的最窄的版本,可以在Firefox中正常使用:

回答 1 投票 0

SVG圆角三角形梯度叠加和背景图像

我有下面的代码被创建一个简单的圆角三角形形状,其具有紫色梯度。我试图插入背景图片,将填补形状渐变下面创建一个...

回答 2 投票 2

我将如何动画与jQuery夹路径

我试图在创建鼠标动画按钮,但我有一些问题动画。我尝试了好几种办法让它做,不幸的是,我不能。动作应该是这样的......

回答 1 投票 2

夹路径动态转换来填充容器

我正在一个反应 组分,我想能够与它的尺寸,从一个x,y宽度,和高度的矩形区域计算出的夹路径沿着传递任何图像上。这部分我有...

回答 1 投票 0

如果我使用,clipPath无法正常工作 在clipPath中,但它适用于

我正在尝试使用svg创建一个clipPath图像。我正在尝试使用SVG的原生clipPath方法。我的问题是,如果我使用图像里面的路径将不会显示。但如果我用...

回答 1 投票 2

循环中的clip-path在safari中无法正常工作

我有一个剪辑元素列表。我正在使用CSS3剪辑路径方法将图像剪辑到SVG路径。裁剪工作完美,但在safari(V 12.1.4)中裁剪的位置......

回答 1 投票 0

剪切路径更改时的悬停过渡

使用此代码,悬停效果有效,右下角消失但没有过渡,这有什么问题吗? .mydiv:hover {background-color:blue;剪切路径:多边形(...

回答 2 投票 1

最简单的方法将多边形剪辑路径转换为Microsoft Edge支持的“clippath”svg?

例如,我有一个css类,其中应用了多边形剪辑路径,如下所示:.services-image-left {-webkit-clip-path:polygon(0 0,97%0,83%100%,0% 100%); clip-path:polygon(0 0,...

回答 1 投票 1

在悬停已翻译的剪辑路径多边形时,将阴影放在错误的位置

我有一个包含3个三角形的列表,当我将鼠标悬停在其上时,我想要应用一个阴影。翻译最后2个三角形,使它们并排放置。当我将鼠标悬停在...的盒子上时

回答 1 投票 0

js变量到css [clip-path img gallery]

每当有人点击按钮时,我都会尝试在每张图片中创建一个随机剪辑路径。由于某种原因,仅切割第一张图像。其他人保持不变。我在codepen中发送代码并剪切。 ...

回答 1 投票 2

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