css - 使用CSS基于设备方向的动画？

Question

我创建了一个页面，该页面根据设备方向显示和隐藏内容，但是我发现当您旋转并且内容显示/隐藏时会有一些跳跃/滞后。

是否可以仅使用 css 在显示/隐藏的 lelements 之间制作更平滑的过渡动画？

Answer 1

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