.voice-playing{
height:50px;
width:40px;
display:flex;
/*底部对齐，实现从下往上的动画效果*/
align-items:flex-end;
justify-content:space-between;
}
.play1{
width:10px;
background-color:#bfc;
animation:playing11slinearinfinitealternate;
}
.play2{
width:10px;
background-color:#bfc;
animation:playing21slinearinfinitealternate;
}
.play3{
width:10px;
height:10px;
background-color:#bfc;
animation:playing31s.5slinearinfinitealternate;
}
@keyframesplaying1{
0%{
height:10px;
}
100%{
height:30px;
}
}
@keyframesplaying2{
0%{
height:30px;
}
100%{
height:10px;
}
}
@keyframesplaying3{
0%{
height:10px;
}
100%{
height:30px;
}
}
|
运行时间载入中.....