۳۲ پسزمینه
پسزمینهها
همه کمکنتراست و آرام هستن تا خط فارسی خوانا بمونه. هر کدام یک کامپوننت کوچکه که داخل یک والد relative قرار میگیره. شیدرهای WebGL هم رنگشون را از تم میگیرن و بدون کتابخانه کار میکنن.
شبکه
gridخطهای نازکی که به پایین محو میشن، مناسب هیرو و بخشهای فنی.
نقطهای
dotsنقطههای ریزی که به پایین محو میشن.
گره
girihستارهی هشتپر تکرارشونده از هندسهی کاشی ایرانی.
هاشور
hatchخطهای مورب برای نوارهای فاصله و بخشهای در دست ساخت.
شفق
auroraلکههای نور آرامی که در حرکتاند.
نور موضعی
spotlightنوری که با ماوس جابهجا میشه و شبکهی زیرش را نشان میده.
دانه
grainبافت فیلم روی پسزمینهی تیره.
شبکهی پرسپکتیو
retro-gridزمین شبکهای که به سمت شما میآد.
مش
meshچند گرادیان شعاعی روی هم، ثابت و سبک.
چشمکزن
flickerسلولهایی که نامنظم روشن میشن.
حلقهها
ringsدایرههای هممرکز با محو تدریجی.
مش متحرک
gradient-meshسه گرادیان شعاعی از رنگهای تم که آرام جابهجا میشن، بدون هیچ تصویری.
گرادیان چرخان
conic-spinگرادیان مخروطی تاری که پشت محتوا آهسته میچرخه، برای هیرویی که باید کمی بدرخشد.
نشت نور
light-leakنوار نور گرم و موربی که آرام عبور میکنه، مثل نشت نور در فیلم.
ستارهها
starsنقطههای ریزی که هر کدام با ریتم خودشون چشمک میزنن.
پژواک
sonarحلقههایی که از مرکز بزرگ و محو میشن، برای «در حال جستوجو» و نقشه.
موج نقطهای
dot-waveشبکهای از نقطه که روشناییاش به شکل موج قطری میگذره.
نوار شفق
aurora-ribbonsنوارهای گرادیان مایلی که آرام تاب میخورن، شفق قطبی با رنگهای تم.
گرادیان دانهدار
gradient-grainگرادیان گرم برند با بافت دانه روی آن، ثابت و پوستری.
راهراه روان
moving-stripesهاشور موربی که بهآرامی سُر میخوره، حرکت بدون شلوغی.
بوم شیدر
shaderWebGLپایهی همهی شیدرها با WebGL خام و بدون کتابخانه. شیدر خودتون را بنویسید و رنگها را از توکنهای تم بگیرید تا با عوض شدن تم بهروز بشن.
ابریشم
silkWebGLموجهای نرم و براق که مثل پارچهی ساتن تاب میخورن.
مه
fogWebGLمه آرامی که با نویز چندلایه جابهجا میشه و به پایین محو میشه.
سحابی
nebulaWebGLنویز پیچخورده در هم، شبیه ابرهای گاز، با رنگ برند و پیشزمینه.
خطوط تراز
contourWebGLخطهای نقشهی توپوگرافی که آهسته جابهجا میشن و هر چهارمین خط پررنگتره.
سلولها
voronoiWebGLسلولهای ورونوی با مرزهای نازک که مرکزشون آرام میلغزه.
شبکهی موجدار
warp-gridWebGLشبکهای که با نویز پیچ میخوره، مثل کاغذ شطرنجی زیر آب.
پرتو نور
godraysWebGLپرتوهای نوری که از بالا میتابن و آرام تکان میخورن.
موج آب
water-rippleWebGLحلقههای آبی که با حرکت ماوس پخش میشن و بدون ماوس هم گاهی قطرهای میافته.
دیترینگ
ditherWebGLگرادیان متحرک با نقطههای Bayer به سبک نمایشگرهای قدیمی، که وسطش خالی میمونه.
ترام
halftoneWebGLنقطههای ترام چاپ که اندازهشون با یک موج نرم عوض میشه.
امواج
wavesWebGLخطهای سینوسی روی هم که مثل رشتههای نور موج میزنن.