clip-path 相关问题

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

在矩形中间添加一个圆圈[重复]

我只需要用CSS绘制这个图像：我已经实现了这一点：问题是删除该特定位置上的盒子阴影。我尝试用剪辑路径切割圆圈，但盒子阴影...

html css clip-path

回答 1 投票 0

如何裁剪表单字段

如何设置屏幕截图中所示的带有边框的表单字段样式，同时裁剪左上角和右下角？我尝试过使用 Clip-path: Polygon()，但它因不同的情况而异......

html css clip-path

回答 1 投票 0

如何使用html、css或tailwindcss制作这样的凹口设计

我需要做这个设计。我使用了这种剪辑路径方法，但边缘不平滑。我怎样才能实现设计？ .nav { 宽度：14rem；高度：4rem；背景颜色：白色；剪辑-...

html css tailwind-css clip-path

回答 1 投票 0

Clip-path 无法在 Web 浏览器（Mozilla、Edge、Chrome）上正常工作，但在预览版 Visual Code Studio HTML、CSS、JS 上完美工作

我想为我的公司创建一个精美的英雄部分。我使用clip-path和一些JS来实现鼠标移动时的喷漆效果，并且它在VCS预览中完美运行。然而，当我尝试时我...

javascript html css clip-path mousehover

回答 1 投票 0

CSS 剪辑路径显示按钮上方但不下方的垂直溢出

我有一个按钮，文本左侧有一个图像，我想遮盖该图像，以便隐藏悬挂在按钮底部的部分，但顶部溢出仍然可见...

css clip-path

回答 1 投票 0

如何创建文件夹形状的元素

我试图弄清楚如何创建一个具有文件夹形状的元素，一个包含文本等其他元素的父元素。我尝试创建的元素应如下所示：我...

css shapes css-shapes clip-path

回答 2 投票 0

背景位于带有剪辑路径的右侧：当宽度从 100% 动画到 0 时，路径向右移动

在我的 HTML 文档中，我有一个绝对定位的元素，其背景颜色和剪辑路径位于其 ::before 伪元素上。该元素充当其后面元素的阴影。我想删除...

css clip-path

回答 1 投票 0

我希望剪辑路径内容在剪辑路径区域之外可见

剪辑路径容器内的内容在“剪辑路径”区域之外不可见。我尝试将定位属性应用于容器。我对外容器应用了相对定位

html css clip-path

回答 1 投票 0

Chrome 中的剪辑路径水平白线

在带有背景图像的div上设置了剪辑路径。在 Chrome 中，水平白线会穿过 div/背景图像。有人知道如何删除这个吗？看截图：带

css google-chrome clip-path

回答 3 投票 0

clipPath 不会剪切 SVG 矩形上的符号路径

预计矩形将在下面的示例中被星形剪切，但它不起作用。当前结果：。预期结果：错误在哪里？我错过了什么？这是 CodePen 演示。 <...

svg path rectangles clip-path

回答 1 投票 0

在 JS 中在任何视口上将剪辑路径插入正方形

您好，这是一个显示我的问题的代码笔我正在尝试进行 JS 计算来更改 div 的剪辑路径插入，以便它显示一个正方形。有一个限制：正方形宽度有 t...

javascript geometry viewport clip-path calc

回答 1 投票 0

如何为我的图像创建带有倒圆的正确剪辑路径？

我正在建立我们公司的新网站，但遇到了问题。设计师创造了这样的图像：所以这个右下角。其他角都是border-radius: 40px;。我正在努力...

css clip-path

回答 1 投票 0

创建一个圆形剪辑路径，其高度始终为剪辑元素的 300% 并左对齐

是这个问题的重复，这显然太模糊了。我想在 CSS 中使用剪辑路径来剪辑元素，有特定的要求。我一直在摆弄它并阅读 MDN 文档，b...

css clip-path

回答 1 投票 0

css 剪辑路径属性在 ios / safari / iphone 上放大时不起作用

目前，当我有一个使用 CSS 剪辑路径进行可见性切换的导航菜单时，但是当我在 ios/iphone 上放大时，剪辑路径不起作用，它会显示菜单内容本身。是...

css ios iphone safari clip-path

回答 1 投票 0

如何让这个 SVG 背景使用剪辑路径使其透明？

我在网上找到了这个 svg，我想将其用作背景，但我想更改它，以便在剪辑路径中使用由所创建的线条，使它们透明并显示

html svg clip-path

回答 1 投票 0

使用画布作为背景，使用遮罩覆盖元素

我有一个全屏背景画布，我想在该画布上绘制元素作为遮罩。因此画布只能通过覆盖的元素可见。这是一张关于 w...

html css canvas clip-path css-mask

回答 1 投票 0

ClipPath HTML 按钮的外部框阴影

目前我有一张背景图片，显示了某些菜单结构的单个元素。我开始在图像上放置一些透明按钮以导航到单个页面取决于哪个

javascript html css overlay clip-path

回答 1 投票 0

如何使用CSS来实现这个边框效果

第一：资源背景图片（PNG）：https://i.imgur.com/pyYfyit.png （SVG）：https://jmp.sh/s/emDkCSycZ7dfNoAOODAb 第二个效果（蓝色部分宽度不确定）：资源背景图片 ...

css background-image mask clip-path

回答 1 投票 0

剪辑路径的过渡 - 如何改变方向？

我正在使用剪辑路径，并创建了一个带有切角的盒子。当悬停时，它会闭合并变成一个完整的正方形。我感兴趣的是，是否可以选择它的方向...

css clip-path

回答 2 投票 0

如何在 React 中使用 GSAP 和剪辑路径制作图像显示动画

我正在尝试使用 GSAP 和组件中的剪辑路径属性为图像的显示设置动画。当我使用第一个剪辑路径值时，动画按预期工作，但是当我切换到其他值时......

css reactjs gsap clip-path

回答 1 投票 0

clip-path 相关问题

最新问题