Biegral Blog

CSS3滑动进入页面

index.html:

  <div class="item item-1">
        <div class="box">
            <!--<h1 class="hide">…</h1>-->
            <div class="mod_container">
                <p class="sprite text_1">asddasds</p>
                <p class="sprite text_2">asdasdasdasd</p>
                <!--<div class="sprite scene"></div>-->
                <!--<div class="text_3 sprite_global"></div>-->
                <!--<div class="text_4 sprite_global"></div>-->
                <!--<div class="text_5 sprite_global"></div>-->
            </div>
        </div>
    </div>

index.css:

.item.play .text_1 {-webkit-transition: all 1s ease-out;}
.item.play .text_2 {-webkit-transition: all 1s .3s ease-out;}
.item.play .scene {-webkit-transition: all 1s .6s ease-out;}