有没有透明雨滴动画模板

html-css015

有没有透明雨滴动画模板,第1张

刚才试了下，你把下载下来的

文件夹【JS】里的文件【rainyday.js】第19行注销就可以去掉城市背景

剩下的，你到页面上修改

engine.preset(0, 2, 0.5),

engine.preset(4, 4, 1)

调整雨滴的大小。。

更多的我也不知道了-。-

自己看看里面的注释吧

希望能帮到你~

满意望采纳~

首先，css3的布局主要用到下面三个属性

column-count

column-gap

column-rule

其次，在兼容column的浏览器中可以实现瀑布流，代码如下

.demo{

    width: 500px

    height: auto

    -webkit-column-count:3

    -moz-column-count:3

    column-count:3

    -webkit-column-gap:10px

    -moz-column-gap:10px

    column-gap:10px

    column-rule:3px outset #ff0000

    border: 1px solid #ddd

}

.demo div{

    background: #336699

    margin-bottom: 4px

    color: #eee

    padding: 10px

} <div class="demo">

        <div>1这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>2这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>3这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>4这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>5这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>6这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>7这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>8这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>9这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>11这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>12这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>13这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>14这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>15这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>16这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>17这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>18这是测试用的文字，测试能不能实现瀑布流。</div>

        <div>19这是测试用的文字，测试能不能实现瀑布流。</div>

    </div>

</div>