۴۴ پسزمینه
پسزمینهها
همه کمکنتراست و آرام هستن تا خط فارسی خوانا بمونه. هر کدام یک کامپوننت کوچکه که داخل یک والد 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خطهای سینوسی روی هم که مثل رشتههای نور موج میزنن.
پلاسما
plasmaWebGLپلاسمای کلاسیک دموسین، آهسته و کمنور، با رنگ برند و پیشزمینه.
تروشه
truchetWebGLکاشیهای ربعدایره که گاهی میچرخن و مسیر هزارتو را عوض میکنن.
ششضلعی
hex-gridWebGLلانهزنبوری با مرزهای نازک که چند خانهاش با عبور یک میدان نویز روشن میشن.
مرمر
marbleWebGLرگههای سنگ مرمر از نویز پیچخورده، که بهکندی جابهجا میشن.
گویهای چسبناک
metaballsWebGLگویهایی که در هم میروند و جدا میشن، مثل چراغ گدازه.
کلایدوسکوپ
kaleidoscopeWebGLنویزی که در پرههای آینهای تا میخوره و دور مرکز آرام میچرخه.
رد ماوس
cursor-trailWebGLدنبالهی نورانی که دنبال ماوس میآد و وقتی ماوس ساکته، خودش میگرده.
ذرات شناور
particlesWebGLغبار نرمی در سه عمق که بالا میره، تاب میخوره و چشمک میزنه.
مواره
moireWebGLدو دسته حلقهی ریز که مرکزشون میلغزه و تداخلشون نوارهای بزرگ و آرام میسازه.
اسکنلاین
scanlinesWebGLخطهای فسفری CRT با یک نوار روان، کمی برفک و وینیت.
مکعبهای ایزومتریک
iso-cubesWebGLمیدانی از مکعبهای ایزومتریک که با یک نویز کند نفس میکشن.
گرادیان سیال
liquid-gradientWebGLسه رنگ تم که با نویز روان در هم میروند و ماوس میدان را به سمت خودش میکشه.