شرح صفوف ومحتوى الفقرة
يمكن اختصار جميع خصائص animation في لغة CSS الي خاصية واحدة وهي animation تكتب جميع القيم بشكل تسلسلي في سطر واحد.
before CSS animation shorthand
قبل استخدام الاختصار CSS animation shorthand.
HTML
div
{
animation-name: move;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}CSS animation shorthand
يمكن تحقيق نفس تأثير الحركة على الشكل السابق باستخدام طريقة ال shorthand مع خاصية ال animation
HTML
div
{
width: 100px;
height: 100px;
position: relative;
background-color: blue;
animation: move 5s linear 2s infinite alternate;
}