效果1：PUSH
PUSH的效果是當(dāng)用戶向下滾動頁面時，圖片會向上漸隱，而文章內(nèi)容會跟著從下至上的漸顯出來。
查看DEMO
效果2：FADE OUT
FADE OUT背景圖像也是向上漸移，不同的是，圖像不會消失，但注意的是，圖像下方有個漸變的過渡，讓用戶看起來很舒適。
查看DEMO
效果3：SLICED
SLICED獨(dú)特之處就是圖像像被切割一樣從圖像的中心開始切開動畫。
查看DEMO
效果4：SIDE
Side就是向下滾動頁面時，圖像會以側(cè)邊形式展示。
查看DEMO
效果5：FIXED SIDE
有點(diǎn)類似Side，但圖像是布滿上下屏幕，效果很不錯。
查看DEMO
效果6：GRID
Grid效果如下圖，當(dāng)用戶向下滑動頁面時，圖像變回Grid列表形式，這可以讓用戶看到自己在讀那篇文章。
查看DEMO
效果7：Jam3
最后一個效果是作者模仿 Jam3 網(wǎng)站制作出來的，用戶向下滑動網(wǎng)頁，圖像會自動切成一個小banner。
總結(jié)
這些文章效果看起來確實(shí)很贊，但因?yàn)閹в袆赢嬓Ч@樣卻給用戶延遲了一閱讀時間，對一些用戶來說可能是不好的體驗(yàn)，所以大家還是考慮清楚再使用，選擇最適合的方式。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。