再画个静态小水珠
<style>.water {
margin: 50px auto 0;
width: 80px;
height: 80px;
background: rgba(250, 250, 250, .7);
border-radius: 46% 50% 51% 49% / 44% 56% 6% 56%;
box-shadow: 1px 1px 1px #aaa;
position: relative;
}
.drop {
background: radial-gradient(circle at 35px 40px, rgb(184,226,252), rgb(255,255,255));
}
</style>
<p>效果：<br><br></p>
<div class="water drop"></div>
<p><br><br>代码：<br><br>
<style><br>.water {<br><span style="color: blue;"> margin</span>: 50px auto 0;<br><span style="color: blue;"> width</span>: 80px;<br><span style="color: blue;"> height</span>: 80px;<br><span style="color: blue;"> background</span>: rgba(250, 250, 250, .7);<br><span style="color: blue;"> border-radius</span>: 46% 50% 51% 49% / 44% 56% 6% 56%;<br><span style="color: blue;"> box-shadow</span>: 1px 1px 1px <span style="color: #9a4e4e">#aaa</span>;<br><span style="color: blue;"> position</span>: relative;<br>}<br>.drop {<br><span style="color: blue;"> background</span>: radial-gradient(circle at 35px 40px, rgb(184,226,252), rgb(255,255,255));<br>}<br></style><br><br>
<div class=<span style="color:red;">"water drop"</span>></div></p> 好玩 要变其它颜色弄哪个呀 黑黑的颜色搭配好美{:4_187:} 这个放在帖子里很漂亮的。老黑厉害啊。{:4_199:} 老黑厉害，{:4_187:}收藏学习， {:4_179:} 周末快乐！
大猫咪 发表于 2022-3-26 12:39
老黑厉害，收藏学习，周末快乐！
这个有点漂亮吧 马黑黑 发表于 2022-3-26 13:53
这个有点漂亮吧
嗯嗯 正在学习辛苦了老黑下午好 {:4_179:}{:4_190:} 大猫咪 发表于 2022-3-26 13:59
嗯嗯 正在学习辛苦了老黑下午好
{:5_104:} 学习学习 加林森 发表于 2022-3-26 18:21
学习学习
{:4_190:} 马黑黑 发表于 2022-3-26 18:51
{:4_191:} 加林森 发表于 2022-3-26 19:12
队长晚上好 马黑黑 发表于 2022-3-26 19:16
队长晚上好
来来来，干杯！{:4_191:} 加林森 发表于 2022-3-26 19:20
来来来，干杯！
喝起 马黑黑 发表于 2022-3-26 19:32
喝起
看你喝{:4_191:} 加林森 发表于 2022-3-26 20:39
看你喝
不流口水就好{:4_170:} 水珠在孕婴中哈~~{:5_153:} 马黑黑 发表于 2022-3-26 21:28
不流口水就好
现在正流着呢{:4_189:} 加林森 发表于 2022-3-26 21:42
现在正流着呢
挺不错的
页:
[1]
2