کدهای جذاب و دیدنی ( animating svg polygons ) : نمایش انیمیشنی تصاویر ساخته شده با چندضلعی

در این قسمت میخوام یک کد ( animating svg polygons ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد animating svg polygons

در بالا و سمت چپ صفحه 4 لینک وجود داره که با کلیک بر روی اونا، تصاویر انیمیشنی در سمت راست نمایش داده میشه.

بر روی هر کدام از موارد بالا که کلیک کنید، تصویر مربوط به اون نمایش داده میشه.

این اشکال چندضلعی با استفاده از svg و المنت polygon ساخته شده اند و به نحوی اونا رو در کنار هم قرار دادیم و رنگشون رو مشخص کردیم، تا تصویر مشابه با تصویر اصلی ساخته بشه.

این انیمیشن با استفاده از Tweenmax ساخته شده و مدیریت میشه و میتونین از اون ایده بگیرید.

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

موفق باشید.

یا علی

لینک دانلود

Source

animating svg polygons attractive beauty code CSS‏ idea inspire