کدهای جذاب و دیدنی ( movey backgrounds grid ) : افکت زیبا برای هاور تصاویر

در این قسمت میخوام یک کد ( movey backgrounds grid ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد movey backgrounds grid

همونطور که دیدید تعدادی تصویر با گریدبندی زیبا در کنار یکدیگر قرار گرفتن و زمانی که بر روی اونا هاور میکنید و ماوستون رو حرکت میدید، تصویر پس زمینه اونا به زیبایی حرکت میکنه و حالت زیبایی رو به وجود میاره.

برای انجام چنین کاری از CSS و Javascript بصورت همزمان استفاده شده است.

برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید.

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

موفق باشید.

یا علی

Source