使用 CSS 实现页面加载的淡入效果

可以使用 CSS 过渡让文本段落在页面加载时淡入吗？

我真的很喜欢它在http://dotmailapp.com/上的样子，并且很想使用 CSS 来使用类似的效果。该域名已被购买，不再具有提及的效果。可以在 Wayback Machine 上查看存档副本。

插图

有这个标记：

<divid="test">
<p>​Thisisatest</p>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

使用以下 CSS 规则：

#testp{
opacity:0;
margin-top:25px;
font-size:21px;
text-align:center;
-webkit-transition:opacity2sease-in;
-moz-transition:opacity2sease-in;
-o-transition:opacity2sease-in;
-ms-transition:opacity2sease-in;
transition:opacity2sease-in;
}​

如何在加载时触发转换？

解答