1.7 KiB
| title | localeTitle |
|---|---|
| Transition | انتقال |
انتقال
و transition الملكية يسمح لك بتغيير قيمة العقارات بشكل سلس (من قيمة واحدة إلى أخرى)، خلال مدة معينة. `` `المغلق الانتقال: كل 300ms.
`### Transition on Several Property Values
You can change multiples property values with transition property. `
المغلق الانتقال: عرض 300ms ، ارتفاع 2s ؛
`### Specify the Speed Curve of the Transition
You can specify a speed curve on an element in transition property. `
المغلق الانتقال: ارتفاع 2s خطي؛
or the property `transition-timing-function`
المغلق الانتقال-- توقيت وظيفة: خطي؛ `` `
قيم مختلفة من transition-timing-function
ease - تحدد تأثير الانتقال ببداية بطيئة ، ثم سريعة ، ثم تنتهي ببطء (هذا هو الإعداد الافتراضي) linear - يحدد تأثير انتقال بنفس السرعة من البداية إلى النهاية ease-in - تحدد تأثير الانتقال ببداية بطيئة ease-out - يحدد تأثير انتقال بنهاية بطيئة ease-in-out - تحدد تأثير التحويل مع بداية ونهاية بطيئين cubic-bezier(n,n,n,n) - يتيح لك تحديد القيم الخاصة بك في وظيفة بيزي مكعب
معلومات اكثر:
- وثائق MDN : MDN
- مرجع الارتفاعات : Easings