افکتهای زیبا برای ( Overlay ) پوشش کامل صفحه ( نمونه هشتم )

- visibility ٠ mode_comment

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

برای باز شدن Overlay باید بر روی دکمه Open Overlay کلیک کنید.

همونطور که میبینید ، زمانی که Overlay باز میشه ، میتونین با کلیک بر روی علامت x در بالا و سمت راست ، اون رو ببندید.

کدهای HTML :

در این نمونه از classie.js و snap-svg.js استفاده شده است. snap-svg یک کتابخانه Javascript برای SVG میباشد.

کدهای CSS :

کدهای Javascript :

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

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

Source

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

نیاز به لاگین

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