CSS3 수중 버블 애니메이션 배경 효과
<!DOCTYPE>
<html>
<머리>
<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" />
</머리>
<몸>
<div class="sky"></div>
<div class="sun">
<div class="kernel"></div>
<div class="shine"></div>
</div>
<div class="바다">
<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 해파리1">
<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; 글꼴:normal 14px/24px 'MicroSoft YaHei';">
</div>
<div class="jellyfish 해파리2">
<div class="jellyfish_head"></div>
<div class="jellyfish_tail">
<div class="jellyfish_tail_in"></div>
</div>
</div>
</div>
<div class="페이지">
<div class="main">
<div class="content"></div>
</div>
</div>
</본문>