效果图的第一
图片是命名的，我将解释排版的想法
蘑菇分为头部，根，大多数，头上有一些不规则的蘑菇点。
头部在盒子上花费半圆形，然后将头部盒的底部放在伪元素上，以达到头部的效果
根很简单，所以我不会在这里谈论
小点通过定位意识到不同位置的排列，并且CSS的失真属性也是不规则的小点
首先，将基本布局样式安排到大盒子上，以避免最终样式的最终样式。大框使用Flex布局将Y轴设置为主轴的主轴，并实现框中的子元素。
首先绘制半圆形
在通过伪元素绘制蘑菇头的基本风格后，必须将伪元素放置在将他放在半圆形的底部。
头部完成后，您需要给予上边界，以便您可以实现初步效果。伪元素还需要给出框架。整个头都需要一个边界。由于伪元素位于基准头盒的内容部分，但帧不在内容部分。目前，您需要通过定位属性的定位来减去边界的宽度，以实现对齐的效果。
蘑菇头的根相对简单，只需赋予宽阔的边界即可。最后，以框架的圆角的形式实现了圆底底部。
不规则的蘑菇圆底，结合蘑菇头的标签定位与CSS序列选择器相结合，以实现点和不同位置的排列，并在通过CSSS3偏斜偏移扭矩属性中实现偏差扭曲属性中的不规则点。
我将代码放在掘金上的掘金上。让我们看一下代码剪辑。最后，我希望你们所有的花朵都像花一样。