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

ساخت وبلاگ

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

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

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

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

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

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

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

موفق باشید.

یا علی

لینک دانلود

Source

سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 281 تاريخ : پنجشنبه 4 آبان 1396 ساعت: 7:15

خبرنامه