CSS3是Cascading Style Sheets升級版的簡稱。隨著技術的不斷發展，CSS3也在不斷地更新，為開發者提供更多更好的功能，其中就包括用CSS3實現當前時間的效果。

要實現這個效果，先需要為時間文本設置一個ID，例如：

<p id="time">2021-07-26 15:28:10</p>

然后使用CSS3的偽元素:before和content屬性來添加當前時間，代碼如下：

#time:before {
content: attr(data-time);
}

通過這段代碼，就可以在文本前面添加當前時間，但是需要注意的是，content屬性只能使用data-*屬性來獲取文本內容。因此需要將當前時間設置為data-time屬性的值，例如：

<p id="time" data-time="2021-07-26 15:28:10">2021-07-26 15:28:10</p>

最終的效果就是當前時間會以紅色字體的形式出現在文本前面，完整代碼如下：

<style>
#time:before {
content: attr(data-time);
color: red;
}
</style>
<p id="time" data-time="2021-07-26 15:28:10">2021-07-26 15:28:10</p>

這就是CSS3實現當前時間的方法，雖然簡單，但是在網頁設計中卻可以起到很好的效果。不過需要注意的是，由于不同瀏覽器對CSS3的支持程度不同，所以還需要進行測試和兼容性處理。