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

زمان مطالعه: 1 دقیقه
۱۱ مهر ۱۳۹۶

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

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

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

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

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

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

موفق باشید.

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 
گزارش مشکل