效果 (源码网盘地址在最后)
视频演示
「前端编程实战 30」HTML+CSS3 鼠标移动多彩心网页特效
视频地址一：https://www.bilibili.com/video/BV1de411p7gc/
视频地址二：https://www.ixigua.com/i6825893346527937038/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">