乱记 2021-11-18
发布于November 18, 2021
为网站添加光标特效以及李志特辑。
添加光标特效
今天在读newsletter的时候发现了一个很有意思的库,刚好今天缺素材,所以就决定把这个库应用一下。这个库是不改变cursor本身的,只是在光标的下面添加阴影以及元素的hover特效。
库本身的原理还是比较好理解的,在Body下插入一个canvas子元素,所以此时canvas的z-index就显得格外重要了。
使用方式根据文档即可,值得注意的是如果部分元素遮盖住了特效可以考虑使用invert属性,它会把z-index的值设置得特别大。还需要注意的就是初始化方式只能执行一次,不然会生成多个canvas。
添加李志特辑
这个其实很简单,因为这是官方所支持的分享方式。直接到Spotify的客户端选择嵌入艺人即可,会生成一段iframe代码,然后在页面的合适位置潜入即可。