transition-property

Всі властивості є обов’язковими

transition-duration

transition-delay

transition-timing-function

-1

0

row

1

initial

Задати flex-контейнеру властивість flex-direction

Задати flex-елементам властивість flex-direction

Задати flex-контейнеру властивість  justify-content

Задати flex-елементам властивість  justify-content

Задати flex-контейнеру властивість align-items

Повільно починається, швидко завершується

Повільно починається, швидко всередині, повільно завершується

Постійна швидкість

Починається з більш виразним уповільненням, всередині з більш виразним прискоренням, завершується з більш виразним уповільненням

Швидко починається, повільно завершується

Ширині їх вмісту з урахуванням внутрішніх полів і рамок

1em відносно ширини flex-контейнера

Ширині їх вмісту без урахування внутрішніх полів і рамок

Ширині найширшого flex-елементу

Однаковій ширині, рівномірно розподіленій між flex-елементами вздовж flex-контейнера

Ні для яких

Для блокових

Для всіх

Для background і color

Для рядкових

3-коефіцієнт зменшення ширини flex-  елемента щодо інших flex-елементів;

     1-коефіцієнт збільшення ширини flex-елемента щодо інших flex-елементів;

     100рх-базова ширина flex-елемента.

3-Коефіцієнт збільшення ширини flex-елемента щодо інших flex-елементів;

     1-коефіцієнт зменшення ширини flex-елемента щодо інших flex-елементів;

     100рх-базова ширина flex-елемента.

3-коефіцієнт збільшення ширини flex-елемента щодо інших flex-елементів;

     1-порядок відображення flex-елементів;

     100рх-базова ширина flex-елемента.

3-порядок відображення flex-елементів;

      1-коефіцієнт збільшення ширини flex-елемента щодо інших flex-елементів;

      100рх-базова ширина flex-елемента.

3-Коефіцієнт збільшення ширини flex-елемента щодо інших flex-елементів;

      1-коефіцієнт зменшення ширини flex-елемента щодо інших flex-елементів;

      100рх-висота flex-елемента.

Не вказана властивість transition-property

Немає обов’язкової властивості  transition-duration

transition потрібно вказувати для :hover

:hover не можна застосовувати до div

Властивість display не анімується

Повільно починається, швидко завершується

Повільно починається, швидко всередині, повільно завершується

Постійна швидкість

Починається з більш виразним уповільненням, всередині з більш виразним прискоренням, завершується з більш виразним уповільненням

Швидко починається, повільно завершується

align-items: baseline

flex-flow: column wrap;

flex-direction: row-reverse

flex-direction: flex-start

justify-content: center