显示下一页切换
选择切换效果
Move
Move to left/ from right
Move to right/ from left
Move to top/ from bottom
Move to bottom/ from top
Fade
Fade / from right
Fade / from left
Fade / from bottom
Fade / from top
Fade left / Fade right
Fade right / Fade left
Fade top / Fade bottom
Fade bottom / Fade top
Different easing
Different easing / from right
Different easing / from left
Different easing / from bottom
Different easing / from top
Scale
Scale down / from right
Scale down / from left
Scale down / from bottom
Scale down / from top
Scale down / scale down
Scale up / scale up
Move to left / scale up
Move to right / scale up
Move to top / scale up
Move to bottom / scale up
Scale down / scale up
Rotate
Glue
Glue left / from right
Glue right / from left
Glue bottom / from top
Glue top / from bottom
Flip
Flip right
Flip left
Flip top
Flip bottom
Fall
Newspaper
Push / Pull
Push left / from right
Push right / from left
Push top / from bottom
Push bottom / from top
Push left / pull right
Push right / pull left
Push top / pull bottom
Push bottom / pull top
Fold / Unfold
Fold left / from right
Fold right / from left
Fold top / from bottom
Fold bottom / from top
Move to right / unfold left
Move to left / unfold right
Move to bottom / unfold top
Move to top / unfold bottom
Room
Room to left
Room to right
Room to top
Room to bottom
Cube
Cube to left
Cube to right
Cube to top
Cube to bottom
Carousel
Carousel to left
Carousel to right
Carousel to top
Carousel to bottom
Sides
Slide
A collection of
页面切换效果
A collection of
页面切换效果
A collection of
页面切换效果
A collection of
页面切换效果
A collection of
页面切换效果
A collection of
页面切换效果
亲，你的浏览器不支持 CSS 动画，请使用 Chrome,Firefox,Safari 等浏览器浏览.
下载代码
说明
X关闭
基于jquery超炫的页面切换动画效果
page-transitions是一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。