mui开发记录(九) 仿网易云音乐播放的磁盘转动效果
效果图
主要的代码如下
//css样式
<style type="text/css">
#top img{
animation:go 4s linear infinite;
display:block;
margin:130px auto;
}
@keyframes go{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
#top img:hover{
animation-play-state:paused;
}
#top img{
border-radius:180px
}
#music{
width: 80%;
margin-left: 10%;
}
body{
background: url(fonts/q7.gif) no-repeat;
}
</style>
//html
<div id="top">
<img src="img/f6.png" width="180px;" id="t_p"/>
</div>
<div id="music">
<audio controls="controls">
<source src="fonts/f6.mp3"></source>
</audio>
</div>
mui框架 完整代码见https://download.****.net/download/gyx1549624673/11033463