1. تطوير الويب
2

تصميم dropdown

  • حذف بواسطة المستخدم
  • مجهول
  • 2019-08-10T13:17:10+00:00
  • رابط مختصر
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

  • الأفضل
  • الأحدث
  • الأقدم
0
khaled3afan 2019-08-10T14:10:20+00:00 أضف ردا
  • رابط مختصر

المثلث تستخدم after وتخلي العنصر له border مثلا 20px وتعطيه لون شفاف transparent ثم تغير لون border-bottom ليظهر بهذا الشكل،

بالنسبة للنزول ببطء إن كنت تقصد أنه يتمدد فيمكنك ذلك باستخدام max-height للعنصر حيث تكون القيمة الأولية max-height:0px ثم عند hover تقوم بإعطاءه قيمة اكبر من الارتفاع الخاص بالعناصر الداخلية مما يسمح له بالتوسع حتى يحتويها، يمكن عمل ذلك بطريقة اسرع باستخدام جيكويري مع خاصية slideToggle عند الضغط او hover على كلمة more

0
مجهول 2019-08-10T14:39:58+00:00 أضف ردا
  • رابط مختصر

يتواجد مثال على ذلك في w3schools :

https://www.w3schools.com/h...
0
Mo3Ath 2019-08-10T14:55:07+00:00 أضف ردا
  • رابط مختصر

هل تقصد مثل كذا ؟

https://jsfiddle.net/btLjk4...

تطوير الويب

مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.

102 ألف متابع

أطلق موقعك الإلكتروني في دقائق

صمم موقعك كاملا بالسحب والإفلات بدون خبرة برمجية، واحجز مكانك على الإنترنت.

أنشئ موقعك الآن

اقرأ أيضًا

  • تصميم الويب
  • خدمة سنديان لتطوير وتصميم المواقع
  • هل انا ابالغ في تصميم الواجهة الامامية
  • دليل المبتدئين لبناء موقع ويب متكامل: من التصميم إلى النشر
  • تقديم خدمات تصميم وتطوير مواقع ويب احترافية باستخدامReact, Laravel وMySQL

انسخ هذا الرابط:

تنبيه