css3 transform属性绘制圆形的音乐播放/暂停按钮点击动画切换效果。这是一款动态的立体质感的暂停播放按钮。

使用方法

1、head引入css文件

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

2、body引入部分

<div class="container">
  <div id="app">
    <div class="pause">
      <div class="line line_1"></div>
      <div class="line line_2"></div>
    </div>
    <div class="play active">
      <div class="line line_1"></div>
      <div class="line line_2"></div>
      <div class="line line_3"></div>
    </div>
  </div>
</div>
<script  src="js/script.js"></script>

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