gpt4 book ai didi

css - 在 CSS 中裁剪图像的中心

转载 作者:行者123 更新时间:2023-11-28 14:51:50 25 4
gpt4 key购买 nike

我正在尝试在全屏视频前面放置一个半透明叠加层,并将其作为拍照的目标。

我试图剪掉的部分在此图像中以白色显示:https://ibb.co/cK6xb8

clip-path 能够剪切图像的外部,但如何剪切内部?

最佳答案

您可以使用 clip-path 中的多边形来执行此操作。查看Clippy并选择框架选项作为示例。

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

enter image description here

关于css - 在 CSS 中裁剪图像的中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51526080/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com