در این قسمت میخوام یک کد ( Gooey Page Loader ) جالب رو در اختیارتون بزارم.
همونطور که دیدید یک لودر زیبا و چسبنده یا Gooey ساخته شده و میتونین از اون در سایتتون استفاده کنید. این لودر از 9 دایره کوچک در سه ردیف ساخته شده است و با استفاده از CSS Animation اونا رو تغییر مکان میدن و به هم نزدیک و دور میکنند.
برای چسبنده شدن این دایره ها از کد SVG زیر استفاده شده است:
برای این فیلتر یک id قرار دادیم و در CSS از اون استفاده کردیم.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 286