效果 (源码网盘地址在最后)
视频演示
「前端编程实战 27」HTML+CSS3 实现长阴影网页特效
视频地址一：https://www.bilibili.com/video/BV1uA411t78K/
视频地址二：https://www.ixigua.com/i6823670426938376716/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">