创建“外观内容”效果的好方法

Question

我需要一个效果，当网页打开时，网站中的某些div会淡入（因此它们将从0变为100不透明度）。

我用js创建了这个效果，但我不确定这是不是最好的方法。我希望能够找到一种创造类似效果的好方法。

出于某种原因，我相信这可以用纯css3来完成，您怎么看？

Answer 1

纯CSS将起作用：

@keyframes fadein {from{opacity:0} to{opacity:1}}
@keyframes fadeout {from{opacity:1} to{opacity:0}}

然后，您可以在要淡入的元素上使用animation: fadein 1s linear（或其他）。

Answer 2

我会使用jQuery的.fadeIn（''）函数。