کدهای جذاب و دیدنی ( SVG clip-path Hover Effect ) : افکت هاور زیبا و دیدنی

در این قسمت میخوام یک کد ( SVG clip-path Hover Effect ) جالب رو در اختیارتون بزارم.

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

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

موفق باشید.

یا علی

Source