Как блоку запретить менять размер?

Question

[Chasing]

Всем привет

На странице делаю форму для отправки email и я решил сделать эффект при наведении.
При нажатии на текстовое поле цвет границы меняется. Для плавности я решил добавить атрибут transition в css, но теперь при загрузке страницы они ведут себя странно.

Как исправить?

Вот ссылка voten.ru/Nixioutlet/napomnit.html

Спасибо

Comments

[Виталий Киренков]

Странно - это как? Я лично не вижу проблем...

[fulli]

@DeLaVega Я тоже, может у тебя браузер странный или префиксы нужны, но это из-за того что старый браузер.
Еще 1но,это как совет, я сижу с 27" монитора.. и есть проблема в шрифте"Электронная почта*" сделай по больше или по жирнее. На lg g3 вообще ж?:%.

Answer 1

[Анна Бакурова]

вам нужно сделать так чтобы стили друг друга не перебивали. кнопки сделайте через button. а transition присвойте классу к примеру .transition_block - и только потом класс присваивайте, может поможет...

Answer 2

[fulli]

Задать ему размеры. Тогда он только будет сдвигаться, но и для этого есть решение.
Слушай а ты в каком браузере ? У меня вроде все вполне нормально работает. Скинь скриншот что у тебя происходит. Полагаю что нужны префиксы или обновление браузера.
С гугла 36,* все норм.

Comments

[Chasing]

Скрин не могу прислать, так как нужно записать анимацию.
Просто при загрузке страницы блоки наглядно изменяют размер

[Chasing]

Все исправил

Answer 3

[Евгений Петров]

jsfiddle.net/petroveg/d3jkkjtq

Comments

[Виталий Киренков]

Стиль, без префикса должен ставиться всегда последним в списке!

[Евгений Петров]

@DeLaVega и почему же?

[Виталий Киренков]

Ну почитайте хотя бы это profyclub.ru/docs/284

[Евгений Петров]

@DeLaVega это где для примера написаны разные значения для разных префиксов?)) Вообще неубедительно.

[Виталий Киренков]

@Petroveg лень искать, так что, расценивайте просто как совет. Можете проигнорировать...

[Евгений Петров]

@DeLaVega вот смотрите jsfiddle.net/petroveg/bvne8cq4 — прямо как в страшилке.

[Евгений Петров]

@DeLaVega мне такие советы точно не нужны

[Евгений Петров]

@DeLaVega давайте, я уточню: вы, как и автор той статьи, точно уверены в том, что webkit-box-shadow и box-shadow в Chrome рендерят разные механизмы? Потому что только в этом случае порядок важен.