css transition

الخاصية transition هي طريقة مختصرة لكتابة أربع خصائص معًا، وهم كالتالي:

transition-delay: 1s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;

الكود السابق مساوي للسطر التالي:

transition: all 0s ease 1s;

بالنسبة للخاصيتين transition-delay و transition-duration فهما يقبلان عدد ثواني (رقم وبجانبه حرف s إختصارًا لـ second)، ويمكن أن تكون القيمة أقل من ثانية واحدة، كالتالي:

transition-delay: 0.5s;
transition-duration: 0.9s;

ولكتابة عدد الثواني بطريقة أكثر إختصارًا يمكنك أن تحذف الصفر، ليكون الكود كالتالي:

transition-delay: .5s;
transition-duration: .9s;

لمعرفة المزيد عن هذه الخاصية - الخاصية transition - يمكنك قراءة هذه المقالة التي تشرح كل تفاصيلها وكيفية إستخدامها بطريقة عملية:

كما يوجد مرجع شامل للتحريك عبر CSS يمكنك الإطلاع عليه من هنا:

معناها جزء من الثانية، فعند كتابة ثانية ونصف نكتب

1.5s

وبهذا يكون معناها 200 ميلي ثانية، لأن الثانية = 1000 ميلي ثانية