从底部过渡到顶部的 HTML 文本答案

【问题标题】：HTML Text That Transitions from Bottom to Top从底部过渡到顶部的 HTML 文本
【发布时间】：2019-05-29 08:00:29
【问题描述】：

我现在正在尝试创建一个 HTML div，当将文本添加到其内部 HTML 时，该 div 会向上转换。我不知道如何正确解释我想要什么，但我会尝试。

假设您使用的代码编辑器具有不断更新的实时预览，并且您输入了类似 <div></div> 的内容，然后您将该代码更改为 <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</div>，在您更改该代码后预览像这样更新：

这就是我想要的向上过渡的文本，如上图。

Here 是另一个文本从下到上过渡的例子，而不是默认出现的突然出现。

希望您已经理解这一点，在此先感谢。

这是我的代码live.

【问题讨论】：

标签： html css css-transitions

【解决方案1】：

尝试使用 [div:empty{transition: (all) 970ms ease-in-out}] 看看它是否有效

【讨论】：

这似乎不起作用，我更新了我的帖子，如果有帮助，现在有一个指向我的代码的链接。
weblog.west-wind.com/posts/2014/feb/22/… 发现这篇文章肯定会对您有所帮助，唯一的缺点是它不会向上运动，而是向下运动