Javascript 通过纯CSS在超时后呈现组件

我知道有一种方法可以实现在给定超时后呈现组件的效果，但我希望通过转换在纯CSS中实现。问题是，当查看使用css转换的教程时，通常必须将鼠标悬停在元素上才能触发动画，但在我的例子中，我只是希望元素在渲染2秒后变得可见。如何实现这一点？

动画可以帮助：

p{
不透明度：0；
动画：向前显示5s 2s；
}
@关键帧显示{
到{opacity:1}
}

---

请看我

这是一个简单的组件。您只需在不透明度上应用css动画即可

var SomeComponent=React.createClass({
render:function（）{
返回(
我的组件
);
}
});
反应(
, 
document.getElementById（'root'）
.myClass{
不透明度：0；
动画：向前显示2s 1s；
}
@关键帧显示{
到{
不透明度：1
}
}
我正在努力查找您正在使用的
动画
属性速记的文档-您能告诉我在哪里可以找到它吗？@Ogen您可以看看那里：。新年快乐