今天给大家介绍一款CSS3实现的水中漂船的效果,乍一看像flash动画做的,其实呢?是我们强大的CSS3哇

模拟船动的效果,水中波浪的效果,云彩同样也能实现飘动效果,截图如下:

CSS3模拟白云飘动水中船效果

部分代码:

  <div class="container">
           
   <header>
    <h1>Animated Web Banners With CSS3</h1>
    <h2>Exploring ways to spice up our web banners with CSS3 animations.</h2>
    <p class="codrops-demos">
     <a class="current-demo"  href="index.html">Horizontal</a>
     <a href="index2.html">Vertical</a>
    </p>
   </header>
            <section class="wrapper">
    <div ></li>
     </ul>
    </div>
            </section>
        </div>

下载地址:http://www.lanrenzhijia.com/js/css3/2012/0720/615.html

预览地址:http://www.lanrenzhijia.com/yulan/291/

相关文章: