最近闲来无事打开网易云音乐沝晶音波云音乐,发现还有鲸云音效这种东西嗯?『水晶音波』挺炫。嗯黑胶VIP专享?(其实我已经是黑胶VIP)好像实现起来也不很复雜呀所以花了一下午,实现了一个简单版本
这是网易云音乐水晶音波云音乐的截图,结尾放我自己实现的效果
先明确一点简单实现,所以没搞懂的不想做的,都省略不做了
不需要太多元素,简简单单才是真
开局找个地然后画个圈
使用
flex
布局实现居中
圈中贴个图,讓它转起来
动画时间
25s
是我用秒表测的
图后画阴影颜色简单选
一通操作之后,“唱片”就实现了下面是效果图:
嗯,还行接下来才是canvas畫背景部分,也就是三角形往外飘嘛~
codepen
上的代码会有些不同因为不想引用图片,所以用css
简单画了一个唱片效果如下
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。