SVG فنری و انعطاف پذیر ( نمونه ششم )

- visibility ۰ mode_comment

در این مطلب ششمین نمونه از SVG فنری رو در اختیارتون میزارم.

در این مثال یک آیکون وجود داره که معمولا برای طراحی های Responsive از اون استفاده میشه. با کلیک بر روی اون حالتش عوض میشه و از هم فاصه میگیرن و با کلیک مجدد به حالت اولیه خودش بر میگرده.

کدهای HTML :

در این مطلب از snap.svg-min.js و classie.js استفاده شده است.

کدهای CSS :

کدهای Javascript :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

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

نیاز به لاگین

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