کدهای جذاب و دیدنی ( CSS minesweeper ) : شبیه سازی بازی مین یاب ویندوز با CSS

در این قسمت میخوام یک کد ( CSS minesweeper ) جالب رو در اختیارتون بزارم.

توضیحات مربوط به CSS minesweeper

همونطور که دیدید بازی مین یاب یا minesweeper که در ویندوز وجود داره با استفاده از CSS خالص شبیه سازی شده و میتونین به راحتی بازی کنید و مین های مورد نظر رو پیدا کرده و خنثی کنید. شاید تعجب کنید که چطور اینکار با استفاده از CSS تنها انجام شده است. برای این بازی از checkbox و کلاس های کاذب after و before و انتخابگر یا Selector های پیشرفته مانند ~ و شمارنده یا Counter ها و ... بصورت گسترده استفاده شده است.

میتونین خودتون کدهای مربوط به این بازی رو مشاهده کنید و از اون ایده بگیرید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source