الفرق بين المراجعتين لصفحة: «CSS/Topics/Transition»

من موسوعة حسوب
< CSS‏ | Topics
لا ملخص تعديل
 
طلا ملخص تعديل
 
سطر 13: سطر 13:
|-
|-
|<code>[[CSS/transition-property|transition-property]]</code>
|<code>[[CSS/transition-property|transition-property]]</code>
|تستعمل لتحديد أسماء خاصيات CSS التي ستخضع لتأثير الانتقال.
|تستعمل لتحديد أسماء خاصيات لغة CSS التي ستخضع لتأثير الانتقال.
|-
|-
|<code>[[CSS/transition-timing-function|transition-timing-function]]</code>
|<code>[[CSS/transition-timing-function|transition-timing-function]]</code>
|تستعمل لوصف كيف ستتأثر القيم الوسطية لخاصيات CSS بتأثير الانتقال، أي أنها تسمح لك بتحديد ما هو منحني التسارع (acceleration curve) لتأثير الانتقال، لذا ستكون سرعة التأثير متفاوتة خلال مدته.
|تستعمل لوصف كيف ستتأثر القيم الوسطية لخاصيات لغة CSS بتأثير الانتقال، أي أنها تسمح لك بتحديد ما هو منحني التسارع (acceleration curve) لتأثير الانتقال، لذا ستكون سرعة التأثير متفاوتة خلال مدته.
|}
|}

المراجعة الحالية بتاريخ 15:54، 7 أكتوبر 2022

الخاصية الوصف
transition خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات transition-property و transition-duration و transition-timing-function و transition-delay.
transition-delay تُحدِّد الزمن الذي يجب انتظاره بين وقوع الحدث الذي سيؤدي إلى بدء تأثير الانتقال وبين بداية التأثير.
transition-duration تُحدِّد الزمن الذي سيستغرقه تأثير الانتقال للوصول إلى القيمة النهائية للخاصية، والقيمة الافتراضية 0s لن تؤدي إلى حدوث تأثير انتقال أبدًا.
transition-property تستعمل لتحديد أسماء خاصيات لغة CSS التي ستخضع لتأثير الانتقال.
transition-timing-function تستعمل لوصف كيف ستتأثر القيم الوسطية لخاصيات لغة CSS بتأثير الانتقال، أي أنها تسمح لك بتحديد ما هو منحني التسارع (acceleration curve) لتأثير الانتقال، لذا ستكون سرعة التأثير متفاوتة خلال مدته.