افکتهای زیبا برای نمایش رسانه - Media PopUp Effect ( نمونه 13) : پوشش تمام صفحه

- visibility ٠ mode_comment

در این مطلب نمونه 13 برای نمایش رسانه از قبیل تصویر و ویدیو با عنوان Media PopUp Effect رو قرار میدم که میتونین از اون استفاده کنید. زمانی که بر روی کلمه ای که رنگ متفاوت دارد هاور میکنید، رسانه مرتبط با اون نمایش داده میشه.

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

کد HTML :

کد CSS :

در این نمونه از Normalize.css استفاده شده است.

کد JS:

در این مطلب از imagesLoaded استفاده شده است.

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

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

Source

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

نیاز به لاگین

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