對于前端開發而言，CSS（Cascading Style Sheets，層疊樣式表）是一項重要的技術。它的作用是控制 HTML 文檔的表現形式，使得網頁的樣式更加美觀、易于閱讀。但你是否知道，CSS 的起源是一場由生死攸關的僵尸逃跑引起的事件呢？下面，我們來一起了解一下這個有趣的故事。

/* CSS started as a joke */
body{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #e6a341;
}
.zombie{
position: relative;
width: 100px;
height: 150px;
background-color: #999;
border-radius: 50%;
transition: all .5s;
}
.zombie:before{
content: '';
position: absolute;
top: 10px;
left: 10px;
width: 15px;
height: 15px;
background-color: #ccc;
border-radius: 50%;
}
.zombie:after{
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 15px;
background-color: #ccc;
border-radius: 50%;
}
.zombie.run{
left: 100%;
transform: rotate(360deg);
}

1994 年的一個晚上，一群年輕的開發者為了慶祝萬圣節，決定寫一份有關僵尸逃跑的小游戲。他們先用 HTML 搭建了一個基本界面，然后為了讓游戲更加有趣，就想到了用 CSS 對游戲角色進行裝飾和動畫處理。

由于眾人都是初學者，在編寫 CSS 時出了很多差錯。但這些瑕疵最終成為了這個小游戲的獨特魅力。游戲中的僵尸在奔跑時會突然消失，再從右上角出現。而這一效果正是由于一個屬性值錯誤所導致的。

在確定了這個錯誤無害后，開發者們就開始調整其他屬性，讓角色看起來更加符合恐怖氣氛。最終，這個小游戲被上傳到了網絡上，并迅速風靡整個開發圈子。后來，CSS 技術正式誕生，開發者們稱之為 Cascading Style Sheets。

至此，CSS 的誕生便和一群愉悅的年輕人以及一些迷奇的靈感有了關聯。這證明了一件事情，那就是創造并不是唯一的、單向的過程，而是需要多方面的靈感、互動和娛樂。