clip-path 相关问题

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

如何在 div 上构建 SVG 叠加层以给每一侧一个放置目标?

我正在尝试创建一个叠加层以放置在任意大小的 div 上,以为其提供四个放置目标 - 每个对应于 div 矩形的一侧。落下目标的几何形状

回答 1 投票 0

有什么方法可以只使用 css 替换波浪图像并制作相同的波浪动画吗?

我通过在背景中使用 3 个波浪图像制作了这个水波文本动画和图像动画,但我想用 css 动画和 clip-path css 替换这 3 个背景图像。 我...

回答 0 投票 0

如何使不同的剪辑路径缩放到相同的大小以剪辑/遮罩图像?

我正在尝试创建一个上面有 SVG 遮罩层的图像。我有 3 个不同的 svg 路径存储在一个 js 数组中,并且基于用户图片(使用选择框)不同的蒙版 sh ...

回答 0 投票 0

我无法使用 JavaScript 修改依赖于 window.scrollY 的 clip-path 值

我正在尝试修改基于滚动的图像的剪辑路径值。该函数适用于其他属性(例如,我尝试使用宽度)但不适用于剪辑路径。 CSS: #蓝线{ w...

回答 0 投票 0

如何仅使用剪辑路径创建曲线?曲线应该是这样的图像:

圆圈上方的波浪 我只想使用剪辑路径 css 属性在 css 中制作它。

回答 0 投票 0

居中剪辑路径:路径 css 元素

我正在尝试创建一个动画 svg 蒙版,我选择使用 clip-path: path css 元素。 这是我的 HTML: #home-1 .welcomeBlurbAnimation { 宽度:100%; z-索引:1; 位置:ab...

回答 0 投票 0

如何使用 clip-path 属性从我的网站中删除空白?

我正在我的投资组合网站上工作,并通过应用附件中所示的 clip-path 属性创建了一个独特的标题。我使用的代码成功运行。然而,现在有点白了……

回答 1 投票 0

我怎样才能制作这些顶部 2 角 Radius Custom Clipper

点击查看图片 路径 getClip(Size 大小) { 变种路径=路径(); path.lineTo(25,0); path.lineTo(0, size.height); path.lineTo(大小.宽度, 大小.高度); path.lineTo(size.width-25, ...

回答 0 投票 0

剪切路径被容器切断

所以我已经很接近我想要的效果了,但问题是我在旋转时使用的 clipPath 被容器切掉了。有什么办法可以解决这个问题吗?我试着用...

回答 1 投票 1

SVG ClipPath。为什么应用剪贴路径到DIV上的结果与IMAGE不同?

我需要创建一组3个三角形,每个三角形中都有内容(图片、复制等)。我已经设置了这个Pen来显示我想实现的大致内容:https:/codepen.ioandystentpenOJyNdmB ...

回答 1 投票 0

将图像剪成一个边缘的圆形

我需要把下面的图片裁剪成之后的图片。应该可以在网站上找到。所以不能用psd等)。我试过用剪贴路径工具,但似乎不能正常工作。所以也许我需要...

回答 1 投票 0

响应式剪切路径SVG

我想用css属性clip-path来掩盖SVG元素,就像这张图一样,我希望左上角、右上角......的圆圈是固定大小的(比如20px),但是SVG的大小是固定的。希望左上角、右上角......的圆圈是固定大小的(比如20px),但是SVG的大小是......。

回答 1 投票 1

svg剪切路径对角线翻译。

我有一个svg形状如下。* 垂直顶部 x=0 y=负值 * @关键帧 s1 { 100% { transform: translate(0px,-97px); }。} *右上角的对角线 x=poitive y=...

回答 1 投票 0

如何用适合图片内部的div来调整图片的角度。

我需要找到一个解决方案,以保持裁剪的图像,但有内容坐在里面的div上的不透明度过滤器。我面临的问题是,它不会匹配的角度,我不能使用重叠......

回答 1 投票 0

用CSS调整图片的剪切部分大小

我想知道,是否有任何方法可以使用css调整图像的剪切部分。在最期待的版本中,这样调整图像的大小应该保持强加的长宽比。I ...

回答 1 投票 0

在Chrome浏览器上不尊重内联css剪切路径。

我正在制作一些动画和图形库,以配合html工作。有些东西需要剪接,由于元素是动态生成的,剪接路径(主要是多边形)是动态添加的......

回答 1 投票 0

如何使环使用自定义剪贴在翩翩?

我想通过使用flutter中的自定义剪裁器使widget中心有一个洞的圆圈,但我不工作,我不知道如何使它工作。

回答 1 投票 0

剪贴路径:椭圆属性如何使用?

在这个文档中:https:/developer.mozilla.orgen-USdocsWebCSSclip-path 这个clip-path属性使用起来就像clip-path: ellipse(150px 160px at 100px 200px)一样,确实可以在......切割一个椭圆。

回答 1 投票 0

如何在形状内夹一个圆

-webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75% 75%, 25% 75% 75%, 25% 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 25% 100%, ...

回答 2 投票 1

SVG剪裁 "随心所欲"

在Windows API和PostScript语言中,你可以在任何时候设置剪切。一个虚幻但简单的例子:a)我画了一个圆。b)然后我设置了一个剪裁矩形。

回答 1 投票 0

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