شرح Hover و Transition و Transform في CSS | كورس تطوير الويب #6

تعلم Hover و Transition و Transform في CSS بالعربي خطوة بخطوة، وإزاي تستخدم before و after (الـ pseudo-elements) علشان تعمل تأثيرات احترافية من غير ما تزوّد HTML. في الفيديو ده هتتعلم: ✅ إزاي تستخدم :hover علشان العناصر تتفاعل مع الماوس ✅ transition وإزاي تخلي الحركة ناعمة بدل ما تحصل فجأة ✅ transform: إزاي تكبّر وتلف وتحرّك أي عنصر (scale و rotate و translate) ✅ ::before و ::after وإزاي تضيف بيهم أشكال وتأثيرات ✅ overflow وإمتى تحتاج hidden و scroll و auto ✅ إخفاء العناصر بـ display و visibility و opacity، والألوان بـ RGB و RGBA ⏱️ محتوى الفيديو: 00:00 مقدمة 05:33 overflow 08:38 إخفاء العناصر: display و visibility و opacity 13:56 الألوان: RGB و RGBA والشفافية 18:06 hover والتفاعل مع الماوس 22:02 transition (duration و timing function و delay) 28:51 transform: rotate و scale و translate 35:58 تطبيق عملي: hover effects 48:19 before و after (Pseudo Elements) 58:48 الختام ده الجزء السادس من كورس تطوير الويب الكامل للمبتدئين، ومش محتاج أي خبرة قبل كده. اتفرج على باقي الأجزاء في الـ Playlist. اتعلم تطوير الويب معانا في دبلومة مجانية بالكامل! LinkedIn   / mahmoud-amer~   channel what's app https://whatsapp.com/channel/0029Vb9E... Group what's app https://chat.whatsapp.com/FJ2jvfrbPr6... اشترك في القناة وفعّل الجرس علشان يوصلك كل جديد، وشارك الفيديو مع أي حد حابب يتعلم برمجة الويب ❤️ #css #تعلم_css #تطوير_الويب #undefine