*{margin:0;padding:0;}

.music{width: 50px;height: 1px;margin:100px auto;position: relative;}
.music i{width: 4px;height: 5px;position: absolute;bottom:0;background-color: #333;}
.music i:nth-of-type(1){left:0;}
.music i:nth-of-type(2){left:8px;}
.music i:nth-of-type(3){left:16px;}
.music i:nth-of-type(4){left:24px;}
.music i:nth-of-type(5){left:32px;}
.music i:nth-of-type(6){left:40px;}
.music.active i:nth-of-type(1){-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}
.music.active i:nth-of-type(2){-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}
.music.active i:nth-of-type(3){-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}
.music.active i:nth-of-type(4){-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}
.music.active i:nth-of-type(5){-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;}
.music.active i:nth-of-type(6){-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;}
@-webkit-keyframes wave{
	0%{height:8px}
	50%{height: 32px}
	100%{height: 12px}
}
@keyframes wave{
	0%{height:8px}
	50%{height: 32px}
	100%{height: 12px}
}