Apple Music Next幻灯片动画

Question

当您点击本页底部的“下一步，连接”部分时，我想重新制作动画

http://www.apple.com/music/radio/

有没有人知道如何在JS或CSS3中重新创建这个以实现完美的页面转换？

Answer 1

你应该使用简单的填充效果

padding-top: 50px;
padding-bottom: 50px;

并转换动画！

transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;

DEMO