论坛 › 欢乐水吧 › 想了想摘两片树叶送给粥粥

马黑黑 发表于 2022-3-28 20:38

想了想摘两片树叶送给粥粥

<style>
/* 树叶 */
.leaf {
        position: relative;
        width: 300px;
        height: 300px;
        border-radius: 0 100% 0 100%;
        background: darkgreen;
        left: calc(50% - 150px);
}
/* +倒放的树叶 */
.leaf1 {
        background: linear-gradient(45deg, darkgreen 50%, green 50%)
}
</style>

<div class="leaf"></div>
<div class="leaf leaf1"></div>

马黑黑 发表于 2022-3-28 20:41

本帖最后由 马黑黑 于 2022-3-28 20:46 编辑 <br /><br /><pre>&lt;style&gt;
<span style="color: green">/* 树叶 */</span>
<span style="color: red;">.leaf </span>{
<span style="color: blue;">&nbsp; &nbsp;position</span>: relative;
<span style="color: blue;">&nbsp; &nbsp;width</span>: 300px;
<span style="color: blue;">&nbsp; &nbsp;height</span>: 300px;
<span style="color: blue;">&nbsp; &nbsp;border-radius</span>: 0 100% 0 100%;
<span style="color: blue;">&nbsp; &nbsp;background</span>: darkgreen;
<span style="color: blue;">&nbsp; &nbsp;left</span>: calc(50% - 150px);
}
<span style="color: green">/* +倒放的树叶 */</span>
<span style="color: red;">.leaf1 </span>{
<span style="color: blue;">&nbsp; &nbsp;background</span>: linear-gradient(45deg, darkgreen 50%, green 50%)
}
&lt;/style&gt;

&lt;<span style="color:darkred">div</span> <span style="color: red">class</span><span style="color: blue">=</span><span style="color: magenta">"leaf"</span>&gt;&lt;<span style="color: darkred">/div</span>&gt;
&lt;<span style="color:darkred">div</span> <span style="color: red">class</span><span style="color: blue">=</span><span style="color: magenta">"leaf leaf1"</span>&gt;&lt;<span style="color: darkred">/div</span>&gt;

</pre>

东篱闲人 发表于 2022-3-28 20:44

球送没啦？{:5_115:}

马黑黑 发表于 2022-3-28 20:47

东篱闲人 发表于 2022-3-28 20:44
球送没啦？

天天送个球呀{:5_117:}

红影 发表于 2022-3-28 20:48

很有立体感呢，真漂亮。清舟收礼开心{:4_187:}

东篱闲人 发表于 2022-3-28 20:48

马黑黑 发表于 2022-3-28 20:47
天天送个球呀

嗯嗯，没关系。知道你也没有多余的球。。。{:5_117:}

绿叶清舟 发表于 2022-3-28 20:49

漂亮，谢谢啦

红影 发表于 2022-3-28 20:53

两个颜色怎的会造成凸的效果而不是凹的呢{:4_173:}

千羽 发表于 2022-3-28 21:38

挺美的效果{:4_187:}

加林森 发表于 2022-3-28 21:41

小李飞刀。。。。{:4_189:}

大猫咪 发表于 2022-3-28 21:51

真漂亮，效果杠杠的   老黑真棒晚上好！{:4_187:}{:4_179:}

马黑黑 发表于 2022-3-28 21:55

红影 发表于 2022-3-28 20:48
很有立体感呢，真漂亮。清舟收礼开心

简单无修饰

马黑黑 发表于 2022-3-28 21:57

大猫咪 发表于 2022-3-28 21:51
真漂亮，效果杠杠的   老黑真棒晚上好！

{:5_108:}

马黑黑 发表于 2022-3-28 22:04

东篱闲人 发表于 2022-3-28 20:48
嗯嗯，没关系。知道你也没有多余的球。。。

不多不少，正好

红影 发表于 2022-3-28 22:42

马黑黑 发表于 2022-3-28 21:55
简单无修饰

已经很漂亮了，发现这个border-radius能弄出好多效果呢{:4_204:}

马黑黑 发表于 2022-3-28 22:43

红影 发表于 2022-3-28 22:42
已经很漂亮了，发现这个border-radius能弄出好多效果呢

单值
双值
四值
八值

马黑黑 发表于 2022-3-29 12:19

绿叶清舟 发表于 2022-3-28 20:49
漂亮，谢谢啦

{:4_190:}

红影 发表于 2022-3-29 19:21

马黑黑 发表于 2022-3-28 22:43
单值
双值
四值


好像做形状很多用到八值的吧{:4_187:}

东篱闲人 发表于 2022-3-29 20:06

马黑黑 发表于 2022-3-28 22:04
不多不少，正好

虽然正好，但你总送也不行啊。。。。{:4_170:}

马黑黑 发表于 2022-3-29 20:48

东篱闲人 发表于 2022-3-29 20:06
虽然正好，但你总送也不行啊。。。。

再生能力强{:5_106:}

查看完整版本: 想了想摘两片树叶送给粥粥