在CSS中，延时出现的效果可以通过使用transition属性来实现。transition属性定义了一组CSS属性的过渡效果，当这些属性的值发生变化时，过渡效果就会启动。transition属性可以接受多个参数，其中最重要的是transition-duration参数。
transition-duration参数是用来指定过渡效果的持续时间的。大家可以将这个参数的值设置为一个时间值，例如1秒或2秒。在元素被浏览器渲染的时候，它会立即显示出来，但是当元素的状态发生改变时，过渡效果就会启动。
.box{
opacity: 0;
transition: opacity 1s;
}
.box:hover{
opacity: 1;
}在这个例子中，大家创建了一个类名为.box的元素，并设置了opacity属性的初始值为0。大家还定义了transition属性，将其应用到.opacity属性，并指定了1秒的过渡效果。当用户鼠标移动到这个元素上方时，.box:hover样式就会生效，将opacity属性的值设置为1，这样就触发了过渡效果。
在这个例子中，.box元素会出现一个淡入的效果，这样就能够吸引用户的注意力，让页面更加美观和易于使用。