<風格>
::選擇{
顏色：#FFFFFF;
背景：透明；
}
::-moz-選擇 {
顏色：#FFFFFF;
背景：透明；
}
* {
邊距：0；
填充：0；
字型系列：「VT323」;
}
身體{
背景顏色：#000000;
}
.wrap {
左邊距：自動；
右邊距：自動；
}
標頭{
寬度：340px；
字體大小：0；
}
畫布{
顯示：無；
邊框樣式：實心；
邊框寬度：10px;
邊框顏色：#FFFFFF;
}
畫布：焦點{
大綱：無；
}
/* 頂級樣式 */
h1 {
顯示：內聯區塊；
寬度：100px；
字體大小：32px;
顏色：#FFFFFF;
}
.score {
顯示：內聯區塊；
寬度：240px；
字體大小：20px;
顏色：#FFFFFF;
文字對齊：右；
}
.score_value {
字體大小：繼承；
}
/* 所有螢幕樣式 */
#gameover a,#setting a,#menu a {
顯示：區塊；
}
#gameover a,#setting a:hover,#menu a:hover {
遊標：指針；
}
#gameover a:hover::before,#setting a:hover::before,#menu a:hover::before {
內容：">";
右邊距:10px;
}
/* 選單螢幕樣式 */
#選單{
顯示：區塊；
寬度：340px；
頂部填充：95px;
底部填充：95px;
字體大小：40px;
左邊距：自動；
右邊距：自動；
文字對齊：居中；
顏色：#FFF;
}
#選單 h2 {
-webkit-animation:logo-ani 1000ms 線性無限;
動畫：logo-ani 1000ms線性無限；
下邊距：30px;
}
#選單一個{
字體大小：30px;
}
@-webkit-keyframes 標誌-ani {
50% {
-webkit-transform:scale(1.3,1.3);
}
100%{
-webkit-transform:scale(1.0,1.0);
}
}@keyframes 標誌-ani {
50% {
變換:縮放(1.3,1.3);
}
100%{
變換:縮放(1.0,1.0);
}
}/* 遊戲結束畫面樣式 */

#遊戲結束{
顯示：無；
寬度：340px；
頂部填充：95px;
底部填充：95px;
左邊距：自動；
右邊距：自動；
文字對齊：居中；
字體大小：30px;
顏色：#FFF;
}
#gameover p {
上邊距：25px;
字體大小：20px;
}
/* 設定螢幕風格 */
#設定{
顯示：無；
寬度：340px；
左邊距：自動；
右邊距：自動；
頂部填充：85px;
底部填充：85px;
字體大小：30px;
顏色：#FFF;
文字對齊：居中；
}
#設定 h2 {
邊距底部：15px;
}
#設定 p {
上邊距：10px;
}
#設定輸入{
顯示：無；
}
#設定標籤{
遊標：指針；
}
#設定輸入：選取+標籤{
背景顏色：#FFF;
顏色：#000;
}
</風格>
</頭>

蛇

<p class="score">分數： </標題>

遊戲結束

<p>按<span style="background-color: #FFFFFF; color: #000000">空格</span>開始
新遊戲
設定

設定

新遊戲
<p>速度：
<輸入 id="speed1" type="radio" name="speed" value="120" 已選取/>
<標籤=“速度1”>慢

正常

快速
</p>

貪吃蛇網頁小遊戲代碼是一款簡單的黑白風格好玩的線上網頁小遊戲特效。

本網站聲明

本站所有資源都是由網友投搞發佈，或轉載各大下載站，請自行檢測軟件的完整性！ 本站所有資源僅供學習與參攷，請勿用於商業用途，否則產生的一切後果將由您自己承擔！ 如有侵權請聯繫我們删除下架，聯繫方式： admin@php.cn