الفرق بين المراجعتين لصفحة: «CSS/Topics/Transition»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
سطر 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) لتأثير الانتقال، لذا ستكون سرعة التأثير متفاوتة خلال مدته. |