用純 HTML + CSS 做出來的踩地雷...

一樣還是 Hacker News Daily 上看到的東西,不過這個東西主要就是趣味性為主而已。這次看到的是純 HTML + CSS 做出來的踩地雷 (Minesweeper),沒有 JavaScript 在內:「css-sweeper from PropJockey」。

自從 HTML + CSS3 證明是 Turing-complete 後,再加上 CSS 本身又一直加各種互動性質的操作,出現這些東西好像不太意外就是了 XDDD

依照他的說明,這邊用到的 CSS 技巧主要是 Space Toggle 這個技巧 (也就是 --toggler 這個),但試著找了對應的文獻說明居然沒翻到,有人可以給個 hint 嗎...

One thought on “用純 HTML + CSS 做出來的踩地雷...”

  1. --toggler 是自定義的 css 變數名稱,他用的技巧是賦予 css 某屬性複數個 css 變數,然後利用 :checked 來條件觸發並切換 css 變數

Leave a Reply

Your email address will not be published. Required fields are marked *