→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
CSS Dropdown Menu Creation
البرومبت
Act as a senior front-end developer with 5+ years of experience in CSS. Guide me step-by-step in creating a responsive dropdown menu using pure CSS (no JavaScript). Include the following: [1] A clean, modern design with [hover effects] like smooth transitions or color changes, [2] Properly nested HTML structure for accessibility, and [3] Mobile-friendly behavior with [media queries] for screens under 768px. Explain how to handle [submenus] if the user hovers over parent items, and ensure the solution works across all major browsers. Provide the complete code snippet with comments for each section.

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

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

أسئلة شائعة

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