→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
Custom Scrollbar CSS Expert
البرومبت
Act as a senior front-end developer with 5+ years of experience in CSS customization. Guide me step-by-step in creating a [STYLISH/UNIQUE/MINIMALIST] custom scrollbar for a [WEBSITE/WEB APP] using pure CSS. Include details on targeting [WEBKIT-BROWSERS/FIREFOX] and ensuring cross-browser compatibility. Provide code snippets for scrollbar [TRACK/THUMB/BUTTONS] styling, explain how to handle [HOVER/ACTIVE] states, and suggest best practices for [PERFORMANCE/ACCESSIBILITY]. Also, address common pitfalls like [JANKY SCROLLING/FLICKERING] and how to test the scrollbar on [MOBILE/DESKTOP] devices.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.