Вибір Правильних Властивостей Переходу

Можна вказати будь-яку CSS-властивість як значення для властивості transition-property. Це означає, що ефект переходу можна застосувати до будь-якої властивості.

transition-property: ... /* any property */

Розглянемо декілька типових властивостей, до яких застосовують переходи. Властивості transition-duration, transition-timing-function та transition-delay завжди залишаються незмінними. Усі переходи реагуватимуть на наведення курсору.

Декілька властивостей переходу

Можна також використати значення all для властивості transition-property, що означає застосування переходу до всіх властивостей.

transition-property: all;

У наступному прикладі потрібно застосувати перехід до зміни властивостей background-color, color, font-weight та font-size. Перегляньте файл index.css:

Також, якщо потрібно додати перехід до кількох властивостей, але не до всіх, їх можна вказати як значення для властивості transition-property, розділяючи пробілом. Наприклад:

transition-property: color border height;

Це означає, що перехід буде застосовано до властивостей color, border та height.