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

CSS transition delay تأخير transition في لغة CSS

سوف تتعلم في هذا الدرس الانتقالات من حجم إلي  حجم أو من لون إلي لون أو من مكان إلي مكان أخر عن طريق خاصية  transitions في لغة CSS.

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

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

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

تستخدم خاصية transition-delay جنباً إلي حنب مع خاصية transition لتأخير تأثير الناتج عن خاصية transition لعدد ثوان محدد والقيمة تكون رقم متبوعاً بحرف s يرمز seconds.

CSS transition delay

تأخير transition في لغة CSS.

HTML
div
{
  width: 120px;
  height: 120px;
  background: #007bff;
  transition: width 2s;
  transition-delay: 1s;
}