css3 - google design 效果?
問題描述
https://design.google.com/art...
想問下他點每一個頁面後除了背景字跟物件會fadeInUp出現(xiàn)往下移之後每個區(qū)塊的圖也會fadeInUp(手機也會)這該怎麼做呢?
問題解答
回答1:<link rel='stylesheet' href='http://www.b3g6.com/wenda/css/animate.css' />
<p data-wow-duration='1s'>
<p class='card horizontal'> <p class='card-image'><i class='ion ionicons ion-clock ion-4x blue-text'></i> </p> <p class='card-stacked'><p class='card-content'> <h5 class='header st'>內(nèi)容標(biāo)題</h5> <p>內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題內(nèi)容標(biāo)題</p></p> </p></p>
</p>
<script type='text/javascript' src='http://code.jquery.com/jquery...<script>window.jQuery || document.write(’<script src='js/jquery.min.js'></script>’)</script><script type='text/javascript' src='http://www.b3g6.com/wenda/js/jquery-migrate-1.2.1.min.js'></script><script type='text/javascript' src='http://www.b3g6.com/wenda/js/wow.js' ></script><script>
//頁面滾動動畫效果var wow = new WOW({ boxClass: ’wow’, animateClass: ’animated’, offset: 100, mobile: true, live: true});wow.init();
</script>
mobile:true; 即代表手機端也支持滾動動畫特效。
相關(guān)文章:
1. golang - 用IDE看docker源碼時的小問題2. docker-compose中volumes的問題3. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.4. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!5. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!6. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務(wù)器問題7. docker容器呢SSH為什么連不通呢?8. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?9. docker不顯示端口映射呢?10. mac里的docker如何命令行開啟呢?

網(wǎng)公網(wǎng)安備