如何使用纯 css 进行设计？ [关闭]答案

【问题标题】：How can design using pure css? [closed]如何使用纯 css 进行设计？ [关闭]
【发布时间】：2021-12-31 09:13:16
【问题描述】：

这是我想用没有背景的纯css设计的图像，可以使用背景颜色。任何建议我为上述图像进行设计。

【问题讨论】：

告诉我们你到目前为止做了什么。不要指望我们为您编写解决方案...
希望您至少尝试自己编写代码。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
'没有背景图片' - 我假设你可以使用带有渐变的 CSS 背景？试一试，如果您遇到问题，请将代码放入您的问题中。

标签： html css responsive-design css-float css-transitions

【解决方案1】：

我没有太多要评论的声誉，即我在回答中回复你。我是新手。
您必须对此内容进行更多研究，您应该在 youtube 上搜索“Pure Css Posters”以供参考。现在，我会建议你一些想法。
1。您可以使用 2 个部分来创建这些白色块，对于形状只需使用“clip-path”属性，对于卡片容器，使用线性渐变在背景上放置渐变。
2。在那些白色部分，使用之前或之后的选择器来标记灰色部分。
3。确保您使用 Flex 属性来保持对齐。

【讨论】：