怎么用HTML5技术绘制动态柱形图,有源码最好
Documentbody{overflow:hidden;}
.wrapper{
position:relative;
margin:1emauto;
padding:0;
width:13em;height:5em;
box-shadow:inset-1px-1px0black;
list-style:none;
background:linear-gradient(black2.5%,transparent1px),
linear-gradient(90deg,black2.5%,transparent1px);
background-size:1em1em;
font:2.5emVerdana,sans-serif;
}
.piece{
position:absolute;
right:0;bottom:0;
opacity:.85;
animation:ani4sinfinitelinearalternate;
}
.triangle{overflow:hidden;transform-origin:0100%;}
.piece:before{
position:absolute;
content:'';
}
.triangle:before{
width:inherit;height:inherit;
transform-origin:inherit;
}
.block{width:5em;height:1em;}
.