CSS3可以輕松實現一些炫酷的效果，比如loading動畫。下面我們來介紹一下如何使用CSS3來實現loading動畫。 首先，我們要定義一個loading動畫的樣式。下面是一個示例：

.loading {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.loading:after {
content: "";
display: block;
width: 3rem;
height: 3rem;
border-radius: 50%;
border: 3px solid #fff;
border-color: #fff transparent #fff transparent;
animation: loading 1.2s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼是一個loading動畫樣式的簡單示例。我們先定義了一個.loading的class用于包裹loading動畫。然后我們使用偽元素:after來定義loading的樣式。在偽元素中，我們讓loading的顏色為白色，形狀為一個圓形，并且有一個3px的邊框。我們使用border-color來定義邊框的顏色，從而創造出一個圓環的效果。 最后，我們使用animation來定義loading的動畫。我們使用了一個名為loading的動畫，它的運動時間為1.2秒，運動方式為線性，并且運動無限循環。在動畫中，我們使用transform來旋轉loading，使其呈現出一個旋轉的效果。 接下來，我們可以在HTML中使用loading動畫，只需要在需要使用loading動畫的地方添加.loading的class即可，如下所示：

<p class="loading">loading...</p>

以上就是使用CSS3實現loading動畫的簡單介紹。有了這個簡單的樣式示例，我們可以自己進一步探索CSS3實現loading動畫的更多方式。