فقرة فرعية #3 من درس: الانتقالات في لغة CSS

CSS transition with multi values قيم متعددة مع خاصية transition في لغة CSS

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

1 صفوف تعليمية

لغة CSS

4,248 مشاهدة

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

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

يضيف المثال التالي تأثير انتقال لكل من خاصية العرض والارتفاع ، بمدة ثانيتين للعرض و 4 ثوانٍ للارتفاع:

جرّب بنفسك

قيم متعددة مع خاصية transition في لغة CSS.

HTML

div
{
  width: 120px;
  height: 120px;
  background: #007bff;
  transition: width 2s, height 5s
}