کدهای جذاب و دیدنی ( Panel Expansion ) : ایده زیبا و حرفه ای برای نمایش تصاویر



visibility  
mode_comment   ۰

در این قسمت میخوام یک کد ( Panel Expansion ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد Panel Expansion

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

این کار با استفاده از CSS خالص انجام شده است و از Javascript استفاده نشده.

برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

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

نیاز به لاگین

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