clip-path 相关问题

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

Javascript 运行时剪辑路径更改

我能够在运行时更改元素的clipPath属性。但我无法使用计时器中递增的变量来更改属性值。如何将x的值分配给这两个

html css clip-path

回答 1 投票 0

带有剪辑路径的自定义形状

div { 位置：固定；底部：0；背景颜色：绿色；高度：50vh；宽度：100vw； } 可以用clip-path和svg来做这种形状吗？ ...

html css svg clip-path

回答 1 投票 0

使用通过剪辑路径创建的边框时获得圆角

我正在尝试创建以下形状（https://i.stack.imgur.com/cZmav.png 现在我正在使用剪辑路径来创建边框，因为右下角有角。然而我有一个

css clip-path svg-filters

回答 1 投票 0

如何从顶部Flutter底部导航栏制作弧形

我想在 Flutter 中制作这个弯曲的底部导航栏但我得到的是这个我正在使用 ClipRRect 来执行此操作，但这不是我需要的，这是我的代码底部导航栏：容器（...

flutter curve clip clip-path bottom-navigation-bar

回答 1 投票 0

带有剪辑路径的三角形 ||过度“剪辑”的背景？

我已经在 SVG 和剪辑路径上苦苦挣扎了一段时间。我正在尝试创建一个三角形剪辑路径，该路径将覆盖照片以赋予顶部“三角形”边缘。我正在努力实现

html css svg clip-path

回答 2 投票 0

如何使用剪辑路径删除剪辑的 DIV 之间不需要的间隙？

我正在尝试构建一种环形形式的选择菜单。为此，我使用 CSS 剪辑路径。到目前为止，切割各个零件是有效的，通过旋转排列各个部分也是如此。然而...

css svg clip-path

回答 1 投票 0

将 SVG 路径转换为 CSS 剪辑路径多边形的算法

我正在尝试使用 SVG 作为剪辑路径。我知道你可以将 url 传递给 SVG 路径，但我遇到了问题，特别是在考虑绝对路径与相对路径时（据我所知......

css algorithm svg polygon clip-path

回答 1 投票 0

缩放剪辑到 svg 路径的视频

我仍然是 html 和 css 的初学者，但我正在尝试创建类似于 Apple Vision Pro 的 Memories 视频播放器的效果。 Apple Vision Pro 的 3d 空间记忆视频播放器边缘模糊

html css svg scale clip-path

回答 1 投票 0

使用 CSV 剪辑/遮罩（删除）图像右上角

有没有一种（跨浏览器（无 IE））方法可以用这个 svg 剪切动态大小的图像的右上角？在最坏的情况下，我可以使用固定的宽高比，但我更喜欢它灵活......

css svg clip-path css-mask

回答 1 投票 0

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

我只需要用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

clip-path 相关问题

最新问题