css3实现的的页面平滑过渡效果

素材描述：使用transform: translateY(-100%);实现平滑移动，transition: all 1s ease-in-out;设置时间。 页面切换采用input tyoe= radio 方式。