回答情况：
提问时间：
问题标签：
Chrome目前是否支持在clip-path上使用多边形？-webkit-clip-path: polygon(0 73%, 0 27%, 100% 16%, 100% 88%);
clip-path: polygon(0 73%, 0 27%, 100% 16%
浏览 3修改于2016-05-29得票数 0
我一直在使用CSS的clip-path属性，并用这支笔制作了一个动画标识：。该代码绘制了许多div，并根据我生成的一些三角形动态地将clip-path应用于它们。打开检查器后，我可以取消选中clip-path属性，然后重新选中它-路径如预期的那样可见。谢谢。
浏览 5提问于2015-06-22得票数 1
所以我有这个svg：viewBox="0 0 995.26 1112.58"><defs><style>.cls-1{fill:#fff;}</style></defs>
<title>Artboard 7</title><polygon class="cls-1" point
浏览 2修改于2018-07-09得票数 0
有什么方法可以防止clip-path修剪它的子代吗？例如，考虑以下代码：.el { height: 300px;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%,
浏览 0修改于2017-05-24得票数 15
在为Firefox和Microsoft Edge(ME)制作剪贴头时，我使用了clip-path。它只需将clipPath元素放入SVG元素中，并将clip-path样式放入HTML元素中，即可在Firefox中工作。当我在我身上打开同样的代码时，它没有显示任何东西。 height: 100%; clip-path: polygon(0 0, 0px 100%,
浏览 2修改于2019-10-14得票数 16
回答已采纳
我正在尝试使用具有path值的clip-path property。但是由于某些原因，裁剪并不能像使用HTML svg作为url()那样随元素缩放。注意:我也尝试生成url-encoded svg并使用clip-path: url('data:image...')display: grid; width: 180px; margin: 30px auto; clip-path: url(#myPath)
}
浏览 77提问于2021-11-04得票数 4
在本文档中：
clip-path: ellipse(150px 160px at 100px 200px)
确实可以在div的底部剪切一个椭圆，但我想在div的顶部剪切一个椭圆
浏览 4提问于2020-05-31得票数 0
; -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 100%); -webkit-clip-path: url("#clipping"); height: 40px;
-webkit-clip-path: polygon(5%
浏览 10提问于2017-06-18得票数 1
;.activity__icon { text-align: center; clip-path
浏览 108修改于2020-12-03得票数 0
回答已采纳
style="clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%)"
我试图以style={{ clipPath: polygon("10% 0,
浏览 0提问于2021-05-24得票数 0
我正在为每个员工创建一个带有卡片的页面。每张卡片的左边都有一张员工照片，右边是个人照片。我从我们的UX设计器那里得到了一个剪辑路径，用来塑造图像。但是当使用剪辑路径时，我不知道如何让图像自动调整到父div。因此，我无法通过媒体查询等方式调整卡的大小。 我假设我必须让剪辑路径自动调整大小以适合图像，或者让整个EmployeePhoto组件自动调整大小以适合父div。但到目前为止，我还没有找到解决这两个问题的方案。 你知道如何让图片和剪辑路径自动调整大小吗？优选地，仅CSS解决方案。 这里有一个代码沙箱来显示我的问题：https://codesandbox.io/s/elated-lalande
浏览 39提问于2021-03-18得票数 1
回答已采纳
after { height: 45px; background: #1e87f0; clip-path
浏览 1提问于2018-05-13得票数 0
我用Adobe Illustrator制作了一些图形，然后将SVG放入宽度和高度均为0的HTML中，用<clipPath>包装路径，并为其分配一个ID以在clip-path属性中使用。
浏览 25提问于2018-08-06得票数 0
为了创建抽象的背景，我正在努力使用clip-path属性，我不想使用图像或svg文件，我尝试了该属性，但无法实现此结果： height: 100vh;} -webkit-clip-path: polygon(0 0, 10% 45%, 100% 0);}
-webkit-clip-path: polygon(0 62%, 100% 21%, 100%
浏览 7修改于2018-09-01得票数 4
因此，我在上面使用了clip-path。在火狐上一切都很顺利，但在chrome上滚动页面时却会闪烁。我做错了什么？min-height:100vh; overflow-x:hidden;
clip-path
浏览 16修改于2021-01-25得票数 0
我有一个容器，它是用clip-path切割的，有一些背景色。在所有支持clip-path的浏览器中都能完美工作，但移动Safari (可能桌面Safari也是如此，无法测试)。min-height: 300px; padding: 100px 0; clip-path: url(#clip); width: 0; position: absolute;
} Safa
浏览 21修改于2019-01-15得票数 4
CSS .bgmove { width: 1100px;}
clip-path: url(#clipLeft); width: 403pxclip-path: url(#clipMiddle); width: 284px;}
clip-path: u
浏览 15提问于2020-09-24得票数 0
回答已采纳
0, 0.66); z-index: 1; left: 0; height: 100%;
clip-path
浏览 14修改于2017-12-14得票数 2
回答已采纳
我刚开始使用css属性clip-path，并且已经创建了一个几乎符合我的要求的形状。 我正在寻找创建以下形状，但努力转换的正方形，我有圆。 ? height: 100px; border-radius: 10px; clip-path
浏览 286修改于2021-05-04得票数 0
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号