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

 

در اینجا 10 نمونه از کارت های محتوای CSS وجود دارد که هر دو زیبا و کاربردی هستند. از همه مهمتر، شما می توانید به کد منبع دسترسی داشته باشید تا الهام بخش پروژه های خود باشد.

Material Design – Responsive Card

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

Google Now Inspired Flip Cards

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

 


آموزش تک کارت ,google ,محتوای ,نمایش داده منبع

مشخصات

تبلیغات

آخرین ارسال ها

آخرین جستجو ها

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