久久资源网

css3一碗汤圆动画

css3一碗汤圆动画

2019-06-27 20:21:46 CSS3实例

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

css3一碗汤圆动画

基于css3绘制一碗可爱的汤圆表情,汤勺捞起一个汤圆动画特效。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css" />

2、body引入部分

<div class="bowl">
  <div class="back"></div>
  <div class="spoon">
    <div class="scoop"></div>
  </div>
  <div class="contents">
    <div class="syrup"></div>
    <div class="riceball uno">
      <div class="face"></div>
    </div>
    <div class="riceball dos">
      <div class="face"></div>
    </div>
    <div class="riceball tres">
      <div class="face"></div>
    </div>
  </div>
</div>

资源出处:https://www.moyublog.com/codes/9337.html

关注微信