CSS过渡不稳定，因为延迟加载在动画期间。如何避免这种情况？

Question

我的问题是，我有一个很长的reveal.js表示，我想懒散地加载图片、YouTube和Vimeo视频。当内容加载时，幻灯片转换是不稳定的。

这在拥有良好宽带连接的功能强大的计算机上并不是什么问题，但在智能手机上却是一个很大的阻碍。

我读到过应该避免DOM更改或动画期间触发的其他回调：

​

我怎样才能使延迟加载的时间减少对reveal.js漂亮的平稳过渡的干扰？

Answer 1

首先，在试图回复评论中的某个人时，要小心标记，比如@SouPress不起作用，当您标记我时我没有收到通知，其余的也没有收到通知。这可能就是为什么你没有得到任何答案。因此，使用这样的CSS并不能满足您在许多设备上顺利工作的愿望，特别是如果您的目标是罗马尼亚人口。国内的大多数家庭PC都不会在观看你的投资组合时提供一个很好的体验，很多公司都会使用过时的浏览器，这些浏览器将不支持你的过渡。

另一方面，就像@trueblueaussie说的那样，css转换就像它们得到的一样平滑。

我可以推荐的一件事是，您可以使用这些视频在点击事件之间预加载图像(尽管这不是最佳实践的一部分)预加载视频，您可以模拟两次点击播放，然后暂停。

为了掩盖一切，您可以做一个预加载界面，以延迟显示网站数x-秒，并让网站加载尽可能多的时间。然而，不幸的是，当涉及到他对未更新的浏览器的体验时，您将受到客户端的internet连接和他的意识的支配。

祝你好运。

RO: Salut，载于primul rand ai grija cum faci tag-urile cand raspunzi persoanelor，@SouPress nu merge，eu nu am primit notificare ca mi-ai raspuns si nici ceilalti.护身符，普罗巴比，奈麦原料药。在alta ordine de idei，din pacate，folosirea CSS-ului in felul acela nu iti va indeplini dorinta de a rula pe cat mai multe device-uri，pacate公布了罗马尼亚的目标。Marea主要是一台pc-urilor nu vor oferi o pc.pc和vor vizualiza portofoliul si din pacate，multe firme ruleaza cu browsere过时，关注nu vor suporta网站-ul。

在alta oridine de idei中，asa +a spus si TrueBlueAussie，tranzitiile cu CSS sunt cat se poate de平滑肌。

. acelasi =‘acelasi 5’>一张脸预加载的图片.

一张脸，一只脸蛋，一只小猫，一只小猫，一只光滑的小猫，一只小猫，一只猫，一只小猫，一只猫。

Insa，din pacate，acum esti la mana conexiunii clientului si a constiintei acestuia cand de经验股sa cu browserele.

祝你好运。