‏افکت پارالکس فقط با CSS و بدون جاوااسکریپت

مقاله درباره‌ی یه روش تازه برای ساختن افکت پارالکس هست؛ همون افکتی که توش عناصر پس‌زمینه با سرعت متفاوتی نسبت به محتوای جلویی حرکت می‌کنن و حس عمق می‌سازن. روش سنتی همیشه این بود که یه لیسنر رویداد اسکرول توی JavaScript بذاری و هر فریم موقعیت‌ها رو دوباره حساب کنی و عنصر رو بالا و پایین کنی.

نکته‌ی اصلی اینه که حالا با تایم‌لاین‌های انیمیشن اسکرول‌محور (scroll-driven animation) در CSS می‌شه کل این کار رو به‌صورت اعلانی (declarative) انجام داد. دو تا مزیت داره: پرفورمنس بهتر، چون خارج از ترد اصلی اجرا می‌شه؛ و سادگی، چون کل افکت به یه بلوک کوچیک استایل تبدیل می‌شه که با یه کلاس روی عنصر اعمال می‌شه.