شرح استعمال خاصية :hover
صفحة 1 من اصل 1
شرح استعمال خاصية :hover
شرح استعمال خاصية :hover |
السلام عليكم ورحمة الله وبركاته اقدم لكم اليوم درس ع السريع ساشرح لكم كيفيه استخدام خاصية hover طبعا الـ hover تعتبر حركة انتقالية للعنصر عند مرور الماوس عليه راح اطبق الدرس على div الآن نضيف داخل الـ body
ونبدأ نعطيه خصائص الـ css وراح تكون الخصائص كالآتي سنقوم بشرح كل واحدة من تلك الخصائص
1- width: وهو عرض للـ div 2- height: ارتفاع 3- margin وهي الحد الخارجي، وعندما نضعها auto تعمل توسيط في حالة لها عرض وارتفاع فقط. 4- background: وهي عبارة عن خلفية، وكلمة background لوحدها تحميل جميع خواص الخلفية، من صورة ولون، ونقاط x,y للصورة، والتمدد (لها درس خاص). 5- -moz-border-radius: هي الحواف الدائرية للـ div، وهذه تعمل على موزيلا، والبيئة الخاصة بها. 6- -webkit-border-radius: ايضا الحواف الدائرية، وتعمل على كروم والبيئة الخاصة بها. 7- border-radius: الحواف الدائرية، للمتصفحات التي لا تنتمي لأي منصة، او بيئة. 8- box-shadow: وهو ظل. 9- text-align: موضع النص، يمين، يسار، وسط. 10- color: وهو لون الخط فقط، أي عند وجود تاج الـ <a> داخل الـ ديف، لا يأخذ هذا اللون. 11- transition: وهي خاصية جديدة في css3، وهي عبارة عن حركات، والمستخدمة في التطبيقة للخلفية، ولا أريد أن أتعمق فيها الآن، سأجعل لها درس خاص وكبير. 12- font: كلمة font لوحدها تأخد أربع خاصيات (عريض أو عادي، حجم الخط، line-height، توع الخط) راح يصبح شكل الديف كالاتي الآن نريد أن نعمل تأثيرين فقط عند مرور الماوس على الـ ديف 1- تغيير الخلفية، وبما اننا وضعنا transition سيكون تغيير الخلفية بشكل تأثير وبحركة جميلة. 2- تغيير لون الظل.
لاحظ لقد اضفنا الى كود css خاصيه :hover #ahlamontada{ بعد اضافه تأثير hover اصبح كالاتي #ahlamontada:hover{ وهكذا عند المرور عليها بالماوس راح تلاحظ التغيرات التي حصلت مما وضعناه من مؤثرات , في حال لديك استفسار لا تتردد في فتح موضوعك في قسم دعم مشاكل التومبلايت و الأكواد تحياتي لكم فريق المساعدة new.moon تم تنسيق الشرح يوم 27/7/2015بواسطه المتطوع المساعد زيزو اليكس |
عدل سابقا من قبل Mohamed Nsr في الإثنين 27 يوليو 2015 - 20:07 عدل 1 مرات (السبب : تنسيق الشرح)
مواضيع مماثلة
» شرح استعمال خاصية الإعلانات العامة (التثبيت العام)
» [Javascript] عمل خاصية تغيير موقع البيانات الشخصية يمين او شمال خاصية جديدة
» خاصية حجز الموضوع .. خاصية جديد و مميزة
» استعمال الفيسبوك
» لا استطيع استعمال
» [Javascript] عمل خاصية تغيير موقع البيانات الشخصية يمين او شمال خاصية جديدة
» خاصية حجز الموضوع .. خاصية جديد و مميزة
» استعمال الفيسبوك
» لا استطيع استعمال
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى