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

- visibility ٠ mode_comment

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

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

کد CSS :

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

کد JS:

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

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

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

Source

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

نیاز به لاگین

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