本文主要是介绍一个音乐播放器Vue实现(音乐唱片,点击下面播放,中间的图片可以转起来。),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
https://www.jb51.net/article/134491.htm
需求:做一个类似于下图所示的音乐唱片,中间暂时用本地图片,点击下面播放,中间的图片可以转起来。
效果:
html
<div id="musicImage"><div class="song-img" style="background-image:url(./images/music.jpg)" ref="rotate"></div>
</div>
css
#musicImage {margin: 0 auto;margin-top: 30%;width: 15em;height: 15em;border-radius: 240px;transform: rotate(45deg);background-image: radial-gradient(3.5em 30em ellipse, #fff, #000);border: 2px solid #131313;box-shadow: 0 0 0 10px #343935;opacity: 0.7;
}.song-img {position: absolute;top:
这篇关于一个音乐播放器Vue实现(音乐唱片,点击下面播放,中间的图片可以转起来。)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!