@vasIvas

Что сделать чтобы поведение css было одинаковое во всех браузерах?

Есть кнопка, которая при наезде на неё курсора плавно появляется и плавно исчезает.
В FireFox работает нормально, но в Chrome поведение меняется. Что сделать, чтобы этого
избежать? Если это поможет, то использую sass и gulp. Браузеры последних версий.

Вот код на который грешу, ну и другого почти и нет -
.container-mouseleave {
	opacity: 0.2;

	transition: opacity 0.3s, visibility 0.3s;
}

.container-mouseenter {
	opacity: 0.5;

	transition: opacity 0.3s, visibility 0.3s;
}
  • Вопрос задан
  • 379 просмотров
Решения вопроса 3
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Используйте для каждого браузера свой вариант:
-webkit-transition: all 0.1s //Это Chrome, Opera и прочие
-moz-transition: 0.2s.... //Mozilla
-ms-transition //IE

Вендорные свойства, если что
Ответ написан
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Я может чего уже подзабыл, но как вы свойство visibility анимировать собрались?
По той же причине вы не сможете анимировать свойство display из значения none в, например block!
Ответ написан
miraage
@miraage
Старый прогер

Если это поможет, то использую sass и gulp


gulp-autoprefixer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@MaoCzedun
делать кроссбраузерность , браузеры по разному могут поддерживать разные правила стилей
Ответ написан
Ваш ответ на вопрос

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

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