今天小编跟大家讲解下有关用css3写出气球样式的示例代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关用css3写出气球样式的示例代码 的相关资料，希望小伙伴们看了有所帮助。
本文介绍了用css3写出气球样式的示例代码 分享给大家 具体如下：
气球效果图：
html:
<div class="ballon"></div>css:
.balloon{ width: 160px; height: 160px; background: #faf9f9; border-radius: 50% 50% 25% 50%; transform: rotate(45deg); box-shadow: -8px -8px 80px -8px #873940 inset;}.balloon::after{ position: absolute; bottom: 5px; right: 5px; content:""; display: block; border: 8px solid transparent; border-right-color: #873940; transform: rotate(45deg); border-radius: 50%;}以上就是本文的全部内容 希望对大家的学习有所帮助 也希望大家多多支持爱蒂网。
来源：爱蒂网
