کدهای جذاب و دیدنی ( chessboard vacuum ) : انیمیشن زیبا برای صفحه شطرنج

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

همونطور که دیدید یک صفحه شطرنج قرار گرفته و بصورت دوره ای یک حالت خلاء مانند در مرکز به وجود میاد و خانه های شطرنج به زیبایی جابجا میشن و انیمیشن دیدنی رو به وجود میارن. این کار با استفاده از CSS خالص به وجود اومده و میتونین از اون ایده بگیرید.

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

موفق باشید.

یا علی

Source