CSS3 動畫是最近流行的前端技術之一，能夠使網站更加動感且增添趣味性。而使用點擊按鈕觸發 CSS3 動畫則更能讓用戶參與進來，提升用戶體驗。
下面演示一個點擊按鈕執行 CSS3 動畫的例子：
<!DOCTYPE html>
<html>
<head>
<style>
.box {
width: 100px;
height: 100px;
background-color: red;
animation-name: spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<button onclick="document.getElementById('box').classList.toggle('spin');">點擊旋轉</button>
<div id="box" class="box"></div>
</body>
</html>上述代碼通過設置animation-name屬性來定義一個名為spin的動畫，實現一個元素在不斷旋轉的效果。而通過 JavaScript 中的classList.toggle()方法，在點擊按鈕時添加/移除元素的spin類名，達到控制元素運動的效果。
總之，使用點擊按鈕執行 CSS3 動畫能夠使網站更加生動有趣，提高用戶的互動性和體驗。大家可以在實際項目中嘗試應用此技術，不斷探索更多有趣的應用場景。