تصف هذه الصفحة تجربة بارالاكس أصلية في original/travel-through/: ثلاث طبقات PNG (هاتف، زجاج، شخصية أمامية) تتحرك بمقدار مختلف عند تحريك المؤشر. بلا WebGL — فقط transform في CSS وتنعيم عبر requestAnimationFrame.
عرض مباشر
parallax_phone_scene.html — ثلاث طبقات وبارالاكس مؤشر منعّم.الطبقات (من الخلف للأمام)
- 0.15 —
Mobile-phone-background.png - 0.38 —
Glass-cover.png(mix-blend-mode: screen) - 0.70 —
Penetrating-characters.png
يُطبَّع موضع المؤشر نحو المركز؛ cx += (mx - cx) * 0.07 وamplitude = 28 بكسل. النص خارج الإطار المضمّن يساعد الفهرسة على موضوعات مثل بارالاكس CSS وواجهة بطبقات.