رفتن به محتوا
پیوند

تصویر

جای تصویر را پیش از رسیدنش نگه می‌دارد تا صفحه جابه‌جا نشود.

نسبت‌ها

جهت نمونه‌ها
تم نمونه‌ها
square۱:۱
landscape۴:۳
wide۱۶:۹
portrait۳:۴
hero۲۱:۹

برش و گوشه

برشmdlgwindow
cover
contain

محتوا

کارگاه بازگشت به مدرسه ۵
کارگاه «بازگشت به مدرسه ۵»، شهریور ۱۴۰۵
کارگاه بازگشت به مدرسه ۵
کارگاه «بازگشت به مدرسه ۵»، شهریور ۱۴۰۵
با شرح
کارگاه بازگشت به مدرسه ۵
کارگاه «بازگشت به مدرسه ۵»، شهریور ۱۴۰۵عکس از تیم رسانه یکی هستیم
کارگاه بازگشت به مدرسه ۵
کارگاه «بازگشت به مدرسه ۵»، شهریور ۱۴۰۵عکس از تیم رسانه یکی هستیم
با شرح و منبع
داوطلبان در روز توزیع کوله‌ها
عکس نرسید

حرکت

حرکت تصویر درجاست: وقتی فایلش برسد، در ۱۵۰ میلی‌ثانیه پیدا می‌شود و قابش تکان نمی‌خورد. تصویری که لایت‌باکس را باز می‌کند، خودش لایت‌باکس می‌شود.

ساختار

ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
آیکون‌ها
Gallery
توکن‌ها
  • رنگcolor-on-surface-muted, color-on-surface-variant, color-surface-container-high, color-surface-container-low, image-filter
  • تایپوگرافیtypography-body-small-font-family, typography-body-small-font-size, typography-body-small-font-variation-settings, typography-body-small-font-weight, typography-body-small-letter-spacing, typography-body-small-line-height, typography-label-small-font-size, typography-label-small-font-variation-settings, typography-label-small-font-weight, typography-label-small-letter-spacing, typography-label-small-line-height
  • فاصلهspace-2, space-4, space-half
  • اندازهicon-size-24
  • فرم و حاشیهshape-corner, shape-corner-md, shape-corner-shape
  • حرکتmotion-transition-fade
به کار رفته در