成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - google design 效果?

瀏覽:119日期:2023-06-25 17:46:08

問題描述

https://design.google.com/art...

想問下他點(diǎn)每一個(gè)頁面後除了背景字跟物件會(huì)fadeInUp出現(xiàn)往下移之後每個(gè)區(qū)塊的圖也會(huì)fadeInUp(手機(jī)也會(huì))這該怎麼做呢?

問題解答

回答1:

<link rel='stylesheet' href='http://m.piao2010.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://m.piao2010.com/wenda/js/jquery-migrate-1.2.1.min.js'></script><script type='text/javascript' src='http://m.piao2010.com/wenda/js/wow.js' ></script><script>

//頁面滾動(dòng)動(dòng)畫效果var wow = new WOW({ boxClass: ’wow’, animateClass: ’animated’, offset: 100, mobile: true, live: true});wow.init();

</script>

mobile:true; 即代表手機(jī)端也支持滾動(dòng)動(dòng)畫特效。

標(biāo)簽: CSS
相關(guān)文章: