天天看點

JavaScript 插件的書頁翻轉效果

Flipbooks書頁面翻轉成為在網頁設計中最流行的互動動畫之一。

他們可以用在 Flash,網頁或者線上雜志中。使用書頁動畫或者頁面翻轉的網頁設計效果展示他們的産品,更加直覺有效。

結合 HTML5 和 CSS3 可以來實作如此炫麗的動畫,有些插件是可以幫上你。

下面給大家推薦幾款最好的 書頁翻轉(Flipbook)插件

這款奇特的 jQuery 筆記本外觀使用一個叫做 jQuery Booklet 的  動畫插件來實作逼真的書本效果

BookBlock 是一個插件,它可用于建立小冊子風格的元件,允許“翻頁”的導航。任何内容都可以使用,如圖像或文本。插件轉換隻在需要時使用了一些重疊的影子的頁面來建立更逼真的效果

小冊子可能是這些插件中選項最多的一個,因為它允許配置每個變量。頁面可以手動打開,通過鍵盤,可以前後連結切換或者自動播放

這個翻轉滑塊插件非常适合用于個人作品集的展示,這種翻轉效果是通過在使用者點選分頁觸發的。是以當使用者點選作品集中的圖像時,圖檔會翻轉360度,當其動畫近端影像會以全新的姿态改變

QuickFlip 工作原理是利用動畫的快捷方式迅速翻轉 。同時允許翻頁效果平滑地與任何一塊标記,無論圖像,背景或 CSS,此快捷鍵可以提高性能。

這個插件用于實作圖像的翻轉效果(2D 體驗的書頁翻轉) 。它利用了 HTML5 & CSS3 硬體加速和,也可以在移動浏覽器中正常工作。

繼續閱讀