我試圖使H1淡入一次可見滾動顯示在滾動
http://jsfiddle.net/robcleaton/dfggat6b/
HTML
<div class="hero">
Scroll down
</div>
<h1 class="animated fadeInUp">Animate fadeIn</h1>
CSS
.hero {
background: green;
height: 1000px;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
喜歡這個? http://jsfiddle.net/tcloninger/e5qaD/ – 2014-12-01 20:47:36
但它失去了它的CSS動畫向上移動 – Rob 2014-12-01 20:50:30