3D音乐爱心相册

前言
马上就是520了，作为一名程序员，当然要用程序员的方式啦。用代码去爱她，所以笔者思前想后，于是有了下列想法：

要花里胡哨，看了惊呼我的天，色彩要绚丽

要打动人心，肯定要酷炫，所以要动才有特色

好的东西肯定要有美丽的音乐来加分

兄弟们看完记得点个赞，让更多看见，造福广大单身的程序员，谁说我们是直男，我们也很浪漫，

话不多说，上才艺

（项目地址在最后，代码太多只展示部分，用于修改的代码）

一、来个花里胡哨的背景
我本来想找个流星的动图，不太理想，于是就使用了这个css库

css-doodle 这个库可以让你很轻松的实现，一些漂亮的图案，

不会用？不慌，作为资深的cv工程师，我们看案例 作者大大，在

codePen 流下了许多炫酷的效果，下面是我选择的

//css
		css-doodle {
    --color: @p(#51eaea, #fffde1, #ff9d76, #FB3569); 
      
    --rule: (
			:doodle {
    @grid: 50x1 / 50vmin;
    perspective: 23vmin;
  }

  background: @multi(@r(200, 240), (
    radial-gradient(
      @p(#51eaea, #fffde1, #ff9d76, #FB3569) 15%,    /*这里修改配色，p代表随机  */
      transparent 50%
    ) @r(100%