Встановлення Тривалості Переходу для Ефектів
Властивість transition-duration використовується для визначення часу, протягом якого відбувається перехід. Це значення задається у секундах (наприклад, 3s або 0.45s) чи мілісекундах (наприклад, 3000ms або 450ms). Якщо тривалість переходу не вказана явно, зміна відбувається миттєво.
transition-duration: 3s | 3000ms;
Розгляньмо наступний приклад, щоб побачити можливі варіанти поведінки. Наведіть курсор на контейнер — для всіх елементів розпочнеться перехід. Відмінність полягає у тривалості переходу.
index.html
index.css
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain what happens if I use different durations for different properties?
What is the default value for `transition-duration`?
Can you show more examples of using `transition-duration`?
Awesome!
Completion rate improved to 2.04
Встановлення Тривалості Переходу для Ефектів
Свайпніть щоб показати меню
Властивість transition-duration використовується для визначення часу, протягом якого відбувається перехід. Це значення задається у секундах (наприклад, 3s або 0.45s) чи мілісекундах (наприклад, 3000ms або 450ms). Якщо тривалість переходу не вказана явно, зміна відбувається миттєво.
transition-duration: 3s | 3000ms;
Розгляньмо наступний приклад, щоб побачити можливі варіанти поведінки. Наведіть курсор на контейнер — для всіх елементів розпочнеться перехід. Відмінність полягає у тривалості переходу.
index.html
index.css
Дякуємо за ваш відгук!