html - 具有延迟的 CSS 内容

Question

我正在使用 CSS content 属性在 html 标记之前添加内容。

span::before {
    content: 'content that needs a delay';
}

<span></span>

有没有办法延迟内容的可见性(使用 CSS)？

Answer 1

span::before {
    content: 'content that needs a delay';
     margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 4s;
}

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

<span></span>