css - 基于设备方向和 CSS 的动画?

标签 css animation mobile screen-orientation screen-rotation

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

是否可以仅使用 css 为显示/隐藏元素之间的平滑过渡设置动画?

最佳答案

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

关于css - 基于设备方向和 CSS 的动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13638657/

相关文章:

JavaScript getElementById 无法在手机上运行

css - 输入内的文本不是间距

html - 背景颜色的CSS过渡不透明度

javascript - 使用 setTimeout 在 Canvas 中设置动画时出现问题

html - 表格在 div html 中没有正确显示

Javascript 多动画表

jQuery:如何在没有已知高度的情况下为高度变化设置动画?

javascript - 将字母键盘更改为辅助键盘并将数字键盘设为主要键盘

javascript - 多个布局,多个 CSS,一次只有一个

css - CakePHP 2.6.0 不加载 CSS 和 JS 文件