CSS3متقدم
Optimisation d'un effet parallaxe léger en CSS
السيناريو
Contexte : Une landing page marketing inclut une section avec image de fond fixe. Le Problème : L'effet parallaxe actuel provoque des problèmes sur mobile. Contraintes : Utiliser uniquement CSS3 (background-attachment, transform). Pas de JavaScript. Livrable attendu : Implémenter un effet visuel propre et compatible mobile sans dégrader les performances.
المهارات المستهدفة
css3parallaxbackgroundperformanceresponsive
حالات تطبيقية أخرى في CSS3
- Création d'un menu horizontal simple avec Flexboxأساسي
- Optimisation avancée d'un layout sticky combiné à scroll snappingخبير
- Création d'une animation simple au chargementأساسي
- Optimisation d'une animation complexe pour performance GPUخبير
- Implémentation d'un système simple de grille avec CSS Gridأساسي
- Refactorisation complète d'un layout legacy vers CSS Grid avancéخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى