<!DOCTYPE html>
<html>
<head>
<meta charset='uft-8'>
<title>音频波效果</title>
<style type="text/css">
*{margin:0;padding:0;list-style: none;}
body{background-color: #fff;}
.demo-music {
position: absolute;
width: 100%;
height: 312px;
top: 120px;
zoom: 1.5;
}
.demo-music .music {
width: 312px;
height: 50px;
top: 0;
left: 0;
-webkit-transform: translate(-40px, -25px);
transform: translate(40px, -25px);
position: absolute;
}
.demo-music #waves {
width: 312px;
height: 300px;
position: absolute;
top: 12px;
left: 12px;
}
.demo-music #waves li {
position: relative;
float: left;
height: 100%;
width: 16px;
overflow: hidden;
margin-right: 1px;
CSS3写跳动的音频(柱子)
最新推荐文章于 2024-07-17 09:59:01 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)