钱袋子动画（金币飞出，袋子内动态减少，钱袋子摇晃）

简述

• 粗略构图，请发挥想象力哦，哈哈哈
• 触发点击事件时金币飞出，钱袋子摇晃
• 钱袋子里面的金币总量动态减少

思想

• 袋子内部动画就是上面波纹水平移动，金币总量垂直移动（transform:translateX||translateY)
• 钱袋子摇晃就是Z轴上偏移
• 金币飞出主要是用transition-origin

代码

html

 <div id="container">
    <div class="top"></div>
    <div class="box ">
      <div class="progress">
        <image src="wave.png" class="wave"> </image>
        <div class="moneyAll"></div>
      </div>
    </div>
    <div class="take_money">
      <div class="coinreduce ">
          <image src="coin.png" class="coin"> </image>
      </div>
    </div>
    <button onclick="reduceHandler(