js css3绘制彩色的音乐均衡器动画。黑色为背景,各种色块有序的跳动效果。
使用方法
1、head引入css文件
<link rel="stylesheet" href="css/style.css">2、body引入部分
<div class="equalizer"> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> <div class="equalizer-bar"> <span></span> </div> </div> <script src="js/script.js"></script>