@Capablanca

Почему transition создает черный бордер?

Создаю кнопку. При hover должен появляться border.
Но, если прописать transition time то сначала вокруг кнопки создается черный бордер в 1 пиксель.
Это фишка именно transition свойства? То есть чтобы такого не было мне пришлось изначально задать бордер цвета фона.

Вопрос: я что-то не так делаю? или при транзишион бордера (который не задан изначально) всегда будет вылезать некий дефолтный черный бордер?
Причем, это происходит только при первом наведении на объект. Далее уже все работает нормально.

Отобразил суть в фиддле
https://jsfiddle.net/CapablancaYEAH/ou8wz55a/
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
@architawr
"Ok, Google" и все твои проблемы решены
Добавьте в css
.CTA_1 {
  border-color: cyan;
}
Ответ написан
@krumza
бордер вроде берет по дефолту цвет color , если border-color не указан
вы добавьте border: 3px solid transparent; для .CTA_1 чтобы не скакало и чтобы черного не было
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы