gpt4 book ai didi

css - 带有边框和背景图片的自定义 CSS 形状

转载 作者:行者123 更新时间:2023-11-28 02:51:49 27 4
gpt4 key购买 nike

大家好,我正在尝试仅在 css/sass 中执行此操作!边框必须在翻转时改变,背景可以是图像!我尝试了 SVG 和 clipPath,transform3d 都没有成功!示例在这里

enter image description here

最佳答案

创建容器 div 并使用 CSS 中的变换为整个元素赋予 3d 效果。您可以查找并根据自己的喜好使用这些值。

使背景图像成为容器 div 的背景以保持简单。

使用 SVG 绘制 Controller 图标。有一些关于如何使用 GIMP 导出 SVG 路径的教程,至少我是这样处理复杂形状的。

关于css - 带有边框和背景图片的自定义 CSS 形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39131336/

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