• <rt id="adimh"></rt>
  • <cite id="adimh"><noscript id="adimh"></noscript></cite>

      1. <rt id="adimh"></rt>
      <rt id="adimh"><menu id="adimh"></menu></rt>
      <video id="adimh"></video>

        <i id="adimh"><address id="adimh"><sup id="adimh"></sup></address></i>

        1. <cite id="adimh"></cite>
          <rt id="adimh"><optgroup id="adimh"></optgroup></rt>
        2. Menu

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

          <返回列表

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

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

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

          石頭、布、剪刀

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

          掃雷艦為吉特犯下的罪行

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

          從惡魔手中拯救世界

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

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

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