انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #6 من درس: الأزرار في لغة CSS

CSS hoverable buttons أزرار تتأثر بتمرير مؤشر mouse في لغة CSS

سوف تتعلم في هذا الدرس طريقة صنع أزرار بلغة CSS حديثة وبأكثر من حجم وبأكثر من شكل وسوف تتعلم طريقه عمل تأثير مع تمرير زر mouse.

1 صفوف تعليمية
لغة CSS
19,719 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
إضافة لكل كلاس hover عن طريق hover: في لغة CSS لكل كلاس من كلاسات الألوان ويكون hover بنفس لون الخلفية لكي يتغير لون خلفية الزر مع تمرير مؤشر mouse.
جرّب بنفسك

CSS hoverable buttons

HTML 
.border-success:hover
{
  color:white;
  background-color:#198754;
}
جرّب بنفسك

جميع فقرات هذا الدرس (الأزرار في لغة CSS)