campaign-edianeh-98

کدهای جذاب و دیدنی ( Geometrical slideshow ) : اسلایدشو هندسی و انیمیشنی زیبا



visibility  
mode_comment   ۰

در این قسمت میخوام یک کد ( Geometrical slideshow ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد Geometrical slideshow

همونطور که دیدید یک اسلایدشو زیبا برای نمایش پرندگان مختلف قرار داده شده است و با عوض شدن اسلاید، پرنده با افکت زیبا و هندسی به پرنده دیگری تبدیل میشه.

این کار با استفاده از SVG و ابزار Anime برای انیمیشنی کردن اون انجام شده است.

برای مشاهده نحوه پیاده سازی میتونین وارد بخش View Source بشید.

پرندگان با استفاده از اشکال هندسی مختلف ساخته شده اند و با عوض شدن هر اسلاید، این اشکال شکل و موقعیت جدیدی رو میگیرن و پرنده بعدی رو به وجود میارن.

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

موفق باشید.

یا علی

Source

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :