CSS 打地鼠游戲是一種令人上癮的游戲，它是基于 HTML、CSS 和 JavaScript 的。

/* CSS */
.mouse {
width: 50px;
height: 50px;
background-image: url('mouse.jpg');
position: absolute;
cursor: pointer;
animation: up-down 1s ease-in-out infinite;
}
/* 動畫 */
@keyframes up-down {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
/* JavaScript */
var score = 0;
var timeleft = 30;
document.getElementById('timeleft').innerHTML = timeleft;
function startGame() {
setInterval(function() {
timeleft--;
document.getElementById('timeleft').innerHTML = timeleft;
if (timeleft<= 0)
endGame();
}, 1000);
}
function endGame() {
clearInterval(intervalID);
document.getElementById('score').innerHTML = score;
alert('游戲結束！你的得分是 ' + score);
}
function hitMouse() {
score++;
document.getElementById('score').innerHTML = score;
var mouse = document.getElementById('mouse');
var posx = Math.floor(Math.random() * window.innerWidth);
var posy = Math.floor(Math.random() * window.innerHeight);
mouse.style.left = posx + 'px';
mouse.style.top = posy + 'px';
}
var intervalID = setInterval(function() {
var mouse = document.getElementById('mouse');
mouse.addEventListener('click', hitMouse);
}, 500);

在上面的代碼中，我們使用了 CSS 動畫和 JavaScript 來創(chuàng)建一個簡單的打地鼠游戲。點擊地鼠會增加玩家的得分，而時間到了后游戲將會結束并顯示得分。