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



visibility  
mode_comment   ۰

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

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back

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

کد HTML :

کد CSS :

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

کد JS:

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

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

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

Source

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

نیاز به لاگین

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