过渡效果

过渡效果辅助类一般通过 JavaScript 添加 .in 来显示过渡动画,移除 .in 则显示逆向动画。

渐变效果:.fade
点击测试渐变效果
缩放效果:.scale
点击测试缩放效果

渐变效果和缩放效果可以同时使用。

点击测试渐变缩放效果
入场效果:.enter-from-* & .scale-from-*
点击测试:.enter-from-top 点击测试:.enter-from-bottom 点击测试:.enter-from-left 点击测试:.enter-from-right 点击测试:.enter-from-center 点击测试:.scale-from-top 点击测试:.scale-from-bottom 点击测试:.scale-from-left 点击测试:.scale-from-right 点击测试:.scale-from-center
连续动画
旋转:.spin
旋转
快速旋转:.spin-fast
旋转