gpt4 book ai didi

html - SVG/CSS 三 Angular 形抠图

转载 作者:行者123 更新时间:2023-11-27 23:09:10 25 4
gpt4 key购买 nike

<分区>

我一直在尝试在我的网站上添加一个三 Angular 形切口。我现在已经在 CSS 中创建了一个三 Angular 形,但我希望它成为一个“ mask ”并显示图案背景。这是我目前的设计。

enter image description here

我已经尝试了很多不同的方法,例如切掉那部分 div 的内联 SVG,但是它们似乎无法正确缩放。当屏幕尺寸缩小时,我希望直 Angular 三 Angular 形与框一起移动,而不是按比例缩放,如下所示:当前设计,浏览器宽度减小。

enter image description here

我也尝试过使用没有溢出的 :before 和 :after 元素来获得效果,但是我无法创建 2 个三 Angular 形(右上角和左下角)。

可能有一种非常简单的方法可以做到这一点,但我错过了...任何帮助将不胜感激!

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