Задать вопрос
vovandon
@vovandon
html

Почему transition работает не правильно с outline?

При Transition:0.3s outline появляется сразу, а цвет меняется плавно.
https://jsfiddle.net/dhLz3yvy/1/
  • Вопрос задан
  • 1138 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
0xD34F
@0xD34F Куратор тега CSS
Всё работает правильно.

Не задумывались над вопросом - а как можно "плавно" осуществить переход от нуля пикселей до одного? Никак. Возможных значений всего два, так что переход будет мгновенным. Вот если увеличить толщину, тогда да - выглядеть будет "плавно".
Ответ написан
Комментировать
Комментировать
pi4yyy
@pi4yyy
https://jsfiddle.net/dhLz3yvy/3/
Ответ написан
Комментировать
Комментировать
@sdgroup14
потому что если я не ошибаюсь оутлайн является "косвенно" стилем... цвет выделения инпута и т.д. к нему транзишн не применяется. хотите красивый оутлайн - делайте через бордер
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы