<tt id="q85uj"><address id="q85uj"></address></tt>

  1. <tt id="q85uj"><span id="q85uj"></span></tt>
    <i id="q85uj"><address id="q85uj"></address></i>

    <u id="q85uj"></u>

  2. <b id="q85uj"><address id="q85uj"></address></b>
    <ruby id="q85uj"></ruby><acronym id="q85uj"></acronym>
      <tt id="q85uj"><address id="q85uj"></address></tt>
      Menu

      你可以在瀏覽器中玩8個純CSS游戲

      <返回列表

      我們可能認為CSS是理所當然的,但是想想CSS已經變得多么強大,真是令人驚訝。一開始是一種簡單的方式來設計各種設計元素,后來發展成了更多。我們現在使用這種語言可以輕松地處理諸如布局和動畫之類的任務,而且不用多想。

      但這還不止于此。CSS也被用來構建完全交互的ui。過去需要JavaScript的東西現在可以用所有現代web瀏覽器本機支持的代碼來完成。

      這一趨勢的最好例子是大量純CSS游戲的出現。他們玩起來很有趣,給我們一個提示,讓我們知道只要一點創造力就能達到什么目的。

      石頭、布、剪刀

      一段時間的石頭,布,剪刀總是一個偉大的方式來戰勝無聊。如果你沒有合作伙伴,你可以試試這個虛擬版本。點擊你選擇的武器,然后點擊“戰斗!”看看你怎么做的。游戲使用HTML單選按鈕和一些隨機CSS來增強匹配

      掃雷艦為吉特犯下的罪行

      這個游戲結合了經典的前提掃雷艦具有GitHub貢獻圖的外觀。看看你能畫多少方塊,然后再撞上那些討厭的地雷。同樣,CSS被用來為每個礦井生成“隨機”位置。

      從惡魔手中拯救世界

      這是一個簡單的射擊游戲,要求你干掉一些惡魔的仆從(不,不是那些爪牙)。把你的光標放在一個惡魔上,點擊發送他們打包。快速看一下引擎蓋下面,就會發現HTML復選框和動畫gif正在使整個工作正常。

      你想要蛋糕嗎?你最好去掙。

      當然,每個人都想吃蛋糕。但這個游戲可能會讓你瘋狂地追求它,因為它需要你的鼠標一些靈巧。將鼠標懸停在一個小盒子上,避開那些小碎屑和小水滴。如果你成功了,你將得到獎勵。不過,將光標移得太遠,你將不得不重新開始。