Задать вопрос
@NofriOne
css

Не работает transition?

Что тут не так? Почему я не могу сделать плавное увеличение формы?

.nav-color {
    color: white;
    background: #3097D1;
    padding: 4px; 
    vertical-align: -2px;
}
.nav-text {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
	vertical-align: -2px
}

.nav-text:hover {
	color: rgba(203, 229, 241, 1);
}

.btn-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;

}
.img-circle {
	border-radius: 50%; 
	width: 35px; 
	height: 35px;
}

.form-control:focus {
    
    width: 300px;

}
  • Вопрос задан
  • 123 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
Nolis
@Nolis
it-гопник
Задай для формы
transform: scale(1.1,1.1);
transition: 0.2s;
https://codepen.io/Nolis/pen/vYBajjE
если нужно будет увеличить именно ФОРМУ, то всё тоже самое, но через hover.
т.к. focus онли для
<a>, <input>, <select> и <textarea>
Ответ написан
3 комментария
3 комментария
@NofriOne Автор вопроса
А для input так?
.form-control:focus { 
width: 300px;
 transition: 0.2s;
}


(Мне ширину увеличить при фокусе)
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1000 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы