data-transition
ページ遷移時のアニメーションエフェクトを設定できるdata-transition属性は属性の一覧です。
- none
a要素にdata-transition=”none”を指定するアニメーションせずにページ遷移を行います。 - slidedown
a要素にdata-transition=”slidedown”を指定するスライドダウンアニメーション(次ページが上からスライドインして表示)でページ遷移を行います。 - slideup
a要素にdata-transition=”slideup”を指定するスライドアップアニメーション(次ページが下からスライドインして表示)でページ遷移を行います。 - slide
a要素にdata-transition=”slide”を指定するスライドアニメーション(ページがスライドアウトして次ページがスライドインして表示)でページ遷移を行います。 - slidefade
a要素にdata-transition=”slidefade”を指定するスライドフェードアニメーション(ページがスライドて次ページがフェードインして表示)でページ遷移を行います。 - flow
a要素にdata-transition=”flow”を指定するフローアニメーション(ページが縮小して次ページがスライドして表示)でページ遷移を行います。 - turn
a要素にdata-transition="turn"を指定するとターンアニメーション(ページが左側から回転して次ページが表示)でページ遷移を行います。 - flip
a要素にdata-transition="flip"を指定するとフリップアニメーション(ページが回転して次ページが表示)でページ遷移を行います。 - pop
a要素にdata-transition="pop"を指定するとポップアニメーション(次ページが中心から拡大されて表示)でページ遷移を行います。 - fade
a要素にdata-transition="fade"を指定するとフェードイン フェードアウトのアニメーションでページ遷移を行います。