在前端開發中，CSS是不可或缺的一部分，因為它可以用來給網頁設計風格，美化網頁布局。除此之外，它還可以用來寫一些簡單有趣的小游戲。

要寫一個小游戲，首先需要用HTML布局好游戲的界面，然后再用CSS來實現游戲交互和動畫效果。

下面是一個使用CSS寫小游戲的示例：

HTML:
<div class="box"></div>
CSS:
.box {
width: 100px;
height: 100px;
background-color: red;
position: relative;
transition: left 2s;
}
.box:hover {
left: 400px;
}

這個小游戲是一個動畫效果，當鼠標放在紅色的方塊上時，它就會移動到頁面的右側。

首先，在HTML中，我們創建了一個div元素，給它添加了一個class為“box”的樣式。在CSS中，我們給這個class添加了一些屬性：寬度、高度、背景顏色、定位以及過渡效果。

再來看box:hover，這是一個偽類選擇器，在鼠標懸停在.box元素上時，它將應用CSS樣式。在此示例中，我們將它的left屬性更改為400像素，這樣在2秒內它將向右移動到頁面的另一側。

總之，CSS是一個強大的工具，可以用來實現各種各樣的效果。它不僅可以用來美化網頁，還可以用來寫一些好玩的小游戲，讓用戶在使用網站的同時也能享受到游戲的樂趣。