最新下载
24小时阅读排行榜
- 1 win11安装程序无法创建新的系统分区怎么办_win11系统分区创建失败的解决方案
- 2 Linux命令行中ps命令的使用方法
- 3 Python pandas 性能优化技巧
- 4 Linux tc命令流量控制使用方法
- 5 win11怎么更改用户文件夹名称 win11修改C盘用户文件夹名称教程
- 6 床垫上的尿渍怎么去除？
- 7 win10无法访问您所在的单位网络_无法访问单位网络的权限解决方法
- 8 win10提示“RPC服务器不可用”_RPC服务远程过程调用失败错误修复
- 9 JAX自定义Module梯度计算指南：理解与实践PyTree机制
- 10 win11麦克风没声音或无法使用的解决办法_Win11麦克风无响应问题修复指南
- 11 html超链接字体颜色修改需要什么代码
- 12 win10网络重置后无法上网_执行网络重置后断网问题修复
- 13 win10更新后没有声音怎么办_Win10更新后声卡驱动问题修复
- 14 python安装cv2模块的方法
- 15 python如何改变工作目录_python os模块更改当前工作目录方法
最新教程
-
- Node.js 教程
- 2950 2025-08-28
-
- CSS3 教程
- 332372 2025-08-27
-
- Rust 教程
- 3661 2025-08-27
-
- Vue 教程
- 4425 2025-08-22
-
- PostgreSQL 教程
- 4560 2025-08-21
-
- Git 教程
- 3429 2025-08-21
<head>
<meta charset="utf-8">
<title>css3模拟3D效果城市夜间行走动画特效</title>
<style>
body {
position: relative;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: radial-gradient(circle at center, #1f1925, #2c2334);
overflow: hidden;
}
body:before, body:after {
content: '';
position: absolute;
width: 200%;
height: 50%;
left: -50%;
top: calc(50% + 10px);
background: #644350;
}
body:after {
z-index: -1;
height: calc(50% + 500px);
top: -250px;
background: linear-gradient(to top, #1f1925, rgba(255, 255, 255, 0)), radial-gradient(circle at center, #fcb3a4, #fcb3a4 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 20px), radial-gradient(circle at center, #fcb3a4, #fcb3a4 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 20px);
background-size: 100%, 100px 100px, 100px 100px;
background-position: 50%, 40px 40px, 0px 90px;
opacity: 0.75;
transform-style: preserve-3d;
animation: starwipe 10s linear infinite;
}
这是一款很酷炫的纯css3实现的模拟3D效果城市夜间行走动画特效，css3立体建筑物动画效果。
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
