انتقل إلى محتوى الدرس

CSS Shadow Buttons عمل ظل للازار في لغة CSS

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

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

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

الصف 1 شرح توضيحي

عمل كلاسات لتغير box-shadow ظل الصندوق للأزرار في لغة CSS عن طريق خاصية box-shadow.

CSS Shadow Buttons

HTML
.shadow-out
{
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}