کدهای جذاب و دیدنی ( Gooey Page Loader ) : ساخت لودر زیبا و چسبنده با CSS

در این قسمت میخوام یک کد ( Gooey Page Loader ) جالب رو در اختیارتون بزارم.

توضیحات مربوط به کد Gooey Page Loader

همونطور که دیدید یک لودر زیبا و چسبنده یا Gooey ساخته شده و میتونین از اون در سایتتون استفاده کنید. این لودر از 9 دایره کوچک در سه ردیف ساخته شده است و با استفاده از CSS Animation اونا رو تغییر مکان میدن و به هم نزدیک و دور میکنند.

برای چسبنده شدن این دایره ها از کد SVG زیر استفاده شده است:

برای این فیلتر یک id قرار دادیم و در CSS از اون استفاده کردیم.

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

موفق باشید.

یا علی

Source