۳۲ پسزمینه
پسزمینهها
کمکنتراست و آرام، تا خط فارسی خوانا بماند. هر کدام یک کامپوننت کوچک است؛ داخل والد 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خطهای سینوسی روی هم که مثل رشتههای نور موج میزنند.