CSS3已經成為了網頁設計領域中的熱門技術。它不僅可以讓網頁的布局更加簡潔美觀，還可以為用戶帶來更加流暢的動畫效果。在這里我們將介紹如何利用CSS3實現刷新時執行動畫效果。
<html>
<head>
<style>
/* 定義一個帶有動畫效果的樣式 */
.rotate {
animation-name: rotate;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
/* 定義動畫 */
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<!-- 在需要執行動畫的元素上添加樣式 -->
<div class="rotate">這是一個帶有動畫效果的元素</div>
</body>
</html>以上代碼是一個基本的刷新時執行動畫的例子。在這個例子中，我們使用了CSS3的animation屬性來定義了一個名為rotate的動畫效果，并將這個效果應用到了一個div元素上。這個動畫會使這個div元素一直按照順時針方向旋轉，直到網頁加載完成為止。
除了上面的示例之外，還有很多其他的刷新時執行動畫的方式。利用CSS3實現的動畫效果不僅可以為網頁增加美觀度，還可以讓用戶在等待加載時感到更加舒適和放松。