Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
具有多个路径的 SVG 剪辑路径的悬停事件
我有一个 SVG 演示图像 其中包含多个正在剪辑动画 GIF 的圆圈 当用户将鼠标悬停在每个圆圈上时 是否可以观察每个圆圈的悬停事件 例如左上角的圆圈或右中角的圆圈 另外 当这些圆圈悬停时 是否可以操纵这些圆圈上的颜色叠加 EDIT 理想情
css
html
SVG
clippath
具有内联 SVG 的响应式剪辑路径
在具有背景的元素上 图像或纯色并不重要
css
SVG
responsivedesign
clippath
创建反向剪辑路径 - CSS 或 SVG
我正在尝试创建本质上与 CSS 剪辑路径相反的内容 使用 Clip path 时 图像或 div 会被剪切 以便仅保留您指定的形状 而背景的其余部分将被有效删除 我希望这样 如果我剪辑一个形状 它基本上会在最上层打一个洞并删除形状 而不是背
html
css
SVG
clippath
添加剪辑路径后子元素消失
对于我正在做的一个设计项目 我想在我的辅助内容上放置一个剪辑路径 然而 在放置剪辑路径代码后 一些子元素或元素在我的 about内容 我尝试过使用position absolute or z index但我的内容没有任何反应 about内容
html
css
clippath
点击透明图像像素
我不希望图像的透明部分可点击 我发现
javascript
html
css
click
clippath
如何删除“clip-path”的不可见部分?
我想剪切尺寸各不相同 高度各为 50 的图像 所以我想到使用 inset 方法clip path财产 但是 在这个属性中 切出的空间仍然保持高度 container display flex align items start img fl
css
clippath
CSS 剪辑路径定位问题
我使用 SVG 元素创建了一个相当简单的形状 然后使用该元素将其放入我的 CSS 中clip path 它应该使我的角变圆 但由于某种原因 只有 1 个角的效果完美 这是形状
css
SVG
cssshapes
clippath
如何为 CustomClipper 创建的小部件制作合适的边框和阴影
我有一个Container里面的小部件ClipPath它使用一个CustomClipper 一切正常 我有所需的小部件形状 但是 我找不到为这个自定义形状的小部件制作阴影的方法 另外 我想要一个自动跟随此自定义小部件边缘的轮廓 边框 再次没
dart
flutter
clippath
Svg 剪辑路径根据视口调整大小
我正在努力调整 HTML 设置中剪切的 svg 的大小 我寻找类似的解决方案 但还没有找到 我正在尝试根据垂直屏幕视口调整剪辑的 svg 大小 这是我的设置的 codepen 示例 slider image clip path url cl
SVG
clippath
将剪辑路径位置移动到鼠标光标
我有一个 SVG 形状 用作clip path在图像顶部 SVG 形状应遵循鼠标的位置 如果我使用的话我可以让它工作clip path circle 但如果使用则不然clip path url idOfMask 就像我在使用 SVG 作为剪
html
css
SVG
clippath
不剪辑内容的剪辑路径
我正在尝试使用剪辑路径创建形状背景 但我不想剪辑该 div 的子项 内容 这是代码 div webkit clip path polygon 0 57 100 21 100 100 0 100 clip path polygon 0 57
css
clippath
无法转换或动画 CSS 剪辑路径
这完全符合预期 因为 svg 从独角鲸变成了猫头鹰
css
SVG
clippath
将文本内容包裹在剪辑路径多边形(三角形)形状内,并将图像剪辑在另一半上
Im trying to achieve something like this 我需要将一些文本和图像分成两半 如上图所示 尝试使用 Clip path 但文本内容未换行并且也存在对齐问题 My code clipped text wid
html
css
image
wordwrap
clippath
多个剪辑路径
我正在尝试制作一个理想的由多个 div 组成的网站布局 我希望每个 div 都有一个倾斜的底部 进入下面的一个 这是迄今为止的模型 charset utf 8 CSS Document margin 0 font size 10px red
html
css
clippath
减少两个剪切图像之间的间距
我正在使用剪辑路径来剪辑两个图像 结果是 一切都很好 但我想像这样减少这些图像之间的间距 clip wrap display inline element webkit clip path polygon 0 100 0 0 100 0 6
html
css
clippath
如何使用剪切路径处理倾斜边缘?
当前使用此 CSS 实现从左到右向上的底部倾斜 clip path polygon 0 0 100 0 100 calc 100 3vw 0 100 它对于响应式解决方案非常有效 但很难弄清楚如何为响应式解决方案执行此操作 以实现 div
html
css
clippath
剪辑路径插入圆?
是否可以创建一个插入圆形剪辑路径 以便剪辑路径可以有效地在中心的 div 中切出一个孔 而不是仅显示中心 div 应该全部显示 除了在中心切出一个孔以创建如下内容 我想使用剪辑路径或类似的东西 这样我就可以在 div 后面添加内容 图像和内
css
cssshapes
clippath
将多边形剪辑路径转换为 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
css
SVG
Polygon
clippath
使用“use”时,剪辑路径无法在 SVG 精灵中正确显示
我正在尝试将一组图标拼凑成一个精灵表 我对 SVG 几乎一无所知 我可以使用简单的图标 但带有剪辑路径的图标无法正确显示 据我所知 它似乎没有使用剪辑路径 精灵在 jsfilddle 中工作 如果我只加载它自己的 svg 并在 SVG 中包
SVG
clippath
CSS SVG 剪辑路径问题 - 不起作用
我的剪辑路径 css 有问题 当我将剪辑路径放在 css 填充上时 图像不会显示 我在 chrome 上 那么你有什么想法吗 我用这个生成器https 10015 io tools svg blob generator card conte
css
Googlechrome
clippath
1
2
»