用css3写出气球样式的示例代码

本文介绍了用css3写出气球样式的示例代码，分享给大家，具体如下：

气球效果图：

html:

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%;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。