javascript - 页面加载中“相同”对象的平滑过渡

Question

假设我有两个简单的 html 页面，它们都有一个 .blabla 类的 div。在一页上，div 将位于不同的位置或具有不同的大小/颜色/背景/等。

我的目标是在整个页面加载过程中在这两种状态之间进行平滑过渡。我梦想着一个纯粹的 CSS3/HTML5 实现，但我猜这不太可能。

我的用例伴随着文本/内容的大量变化，这些变化应该真正驻留在单独的页面上。

最好的方法是什么？如果必须，我会接受 javascript/alternatives。