如何使用纯 css 进行设计? [关闭]

Posted

技术标签:

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

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

【问题讨论】:

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

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

【讨论】:

以上是关于如何使用纯 css 进行设计? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 CSS 使整个 div 可点击 [关闭]

使用纯 CSS 进行径向擦拭;如果不是 SVG 替代品

设计中的 CSS 和 HTML [关闭]

如何使用纯 CSS 创建“工具提示尾部”?

如何使用纯css制作扇形图,合并起来形成饼图

纯css3制作旋转太极图案