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

CSS transition transform خاصية transform مع خاصية transition في لغة CSS

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

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

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

الصف 1 شرح توضيحي
يمكن استخدام خاصية transform مع خاصية transition في لغة CSS لعمل rotate تدوير للعنصر في خلال مدة زمنية وهي أن يبدأ العنصر التدوير من صفر درجة إلي 180 درجة.

CSS transition transform

CSS transition transform

خاصية transform مع خاصية transition في لغة CSS.

HTML
div
{
  width: 120px;
  height: 120px;
  background: #007bff;
  transition: transform 3s;
  margin:50px 0 0 50px;
}