基于CSS的设备方向动画？

Question

我创建了一个内容显示＆amp;隐藏基于设备方向，但是当我旋转并且内容显示/隐藏时，我发现有一些跳跃/延迟。

是否可以使用css显示/隐藏的元素之间更平滑的过渡？

Answer 1

对于在视图中显示动画的元素，您可以使用transition-property: all;和transition-duration: 1s;（或任何您想要的持续时间）淡入/滑动所述元素。当然，这些CSS属性需要在某些浏览器中加上前缀。