کدهای جذاب و دیدنی ( Scroll controlled SVG animation ) : رسم شکل با اسکرول به پایین

- visibility ۲ mode_comment

در این قسمت میخوام یک کد ( Scroll controlled SVG animation ) جالب رو در اختیارتون بزارم.

Scroll controlled SVG animation

 

همونطور که دیدین یک صفحه آبی وجود داره که در ابتدا هیچ شکلی درون دیده نمیشه. با اسکرول کردن به سمت پایین میبینید که یک شکل بصورت زیبا رسم میشه و با رسیدن به انتهای صفحه تکمیل میشه. در این مطلب از SVG استفاده شده است.

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

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
na3r

خیلی باحال بود ..

محمد اسفندیاری

موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.