Home

JS special effects

CSS3 special effects

CSS3 underwater bubble animation background effects

Download Now Preview

<!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实现的大海蓝天海天一色网页背景动画特效。

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

CSS3 series three (styles related to background borders, deformation processing, animation effects)_html/css_WEB-ITnose

24 Jun 2016

CSS3 series three (styles related to background borders, deformation processing, animation effects)

Animated loading effects implemented in pure css3_html/css_WEB-ITnose

24 Jun 2016

Animation loading special effects implemented in pure css3

A batch of hover effects implemented by CSS3_html/css_WEB-ITnose

24 Jun 2016

A batch of hover special effects implemented by CSS3