راکت
زمان مطالعه: 32 ثانیه

ساخت مقایسه بین دو محصول

این طرح کاملا رسپانسیو بوده و قادره که محصولات رو با یک gird خوب با هم مقایسه کنه . البته حداکثر قادرین که سه محصول رو در یک زمان با هم مقایسه کنید . این طرح برای نشون دادن مقایسه ها از قابلیت flexbox استفاده میکنه که بتونه نمایش خوبی داشته باشه . زمانی که روی مقایسه کلیک کنید با یک انیمیشن اسلایدی صفحه مقایسه ظاهر میشه .  در صفحه نمایش های کوچیک از media query استفاده میشه تا بخوبی نمایش داده بشه . امیدوارم لذت ببرین 

دانلود فایل | دمو

چه امتیازی برای این مقاله میدهید؟

در انتظار ثبت رای

حسام موسوی
حسام موسوی
طراح و برنامه نویس

بیشتر از ۱۵ سال هست که در حال برنامه‌نویسی و انجام پروژه های مختلف هستم و ۱۰ سالی هست که آموزش برنامه‌نویسی به علاقمندان حوزه برنامه نویسی میدیم در همه این مدت الان عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

دیدگاه و پرسش

در حال دریافت نظرات از سرور، لطفا منتظر بمانید