最新下载
24小时阅读排行榜
- 1 如何让HTML表格四列等宽并保持图片响应式统一尺寸
- 2 Go 中切片扩容导致指针失效:如何正确用 map 引用切片元素
- 3 Monit 进程监控延迟与状态显示异常的解决方案
- 4 mysql中GROUP BY子句分组统计的实现方法
- 5 如何提取 HTML 中 CSS 文件的完整 URL 路径
- 6 Go新手如何做一个配置化项目_Go配置驱动实战
- 7 mysql数据库的备份存储与备份策略选择
- 8 Monit 进程监控重启延迟与状态显示异常的解决方案
- 9 C++ 怎么检测内存泄漏 C++ CRT库与Valgrind工具介绍【工具】
- 10 XML和YAML有什么区别 哪个更适合做配置文件
- 11 php连接websocket重复连接咋避_php连接websocket去重法【技巧】
- 12 Go 中切片扩容导致指针失效:如何正确用 map 引用结构体元素
- 13 如何在PHP中生成指定时间段内每周固定星期几的所有日期
- 14 如何在Python中优雅地重定义input函数以从预设列表中逐次返回值
- 15 css 高度塌陷和盒模型有关吗_从盒模型与浮动关系解析问题
最新教程
-
- Node.js 教程
- 16122 2025-08-28
-
- CSS3 教程
- 1546556 2025-08-27
-
- Rust 教程
- 23253 2025-08-27
-
- Vue 教程
- 25724 2025-08-22
-
- PostgreSQL 教程
- 22207 2025-08-21
-
- Git 教程
- 9194 2025-08-21
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS3海底冒气泡动画背景特效</title>
<link type="text/css" rel="stylesheet" href="css/reset.css" />
<link type="text/css" rel="stylesheet" href="css/theme.css" />
<link type="text/css" rel="stylesheet" href="css/global.css" />
</head>
<body>
<div class="sky"></div>
<div class="sun">
<div class="kernel"></div>
<div class="shine"></div>
</div>
<div class="sea">
<div class="bubble bubble1"></div>
<div class="bubble bubble2"></div>
<div class="bubble bubble3"></div>
<div class="bubble bubble4"></div>
<div class="bubble bubble5"></div>
<div class="bubble bubble6"></div>
<div class="bubble bubble7"></div>
<div class="jellyfish jellyfish1">
<div class="jellyfish_head"></div>
<div class="jellyfish_tail">
<div class="jellyfish_tail_in"></div>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
<div class="jellyfish jellyfish2">
<div class="jellyfish_head"></div>
<div class="jellyfish_tail">
<div class="jellyfish_tail_in"></div>
</div>
</div>
</div>
<div class="page">
<div class="main">
<div class="content"></div>
</div>
</div>
</body>
</html>
这是一款用CSS3实现的大海蓝天海天一色网页背景动画特效。
