Как плавно анимировать background-image?

Требует заказчик

Как научить background-image transition IE 10, 11?

background-position анимируется, а вот background-size не хочет

Как научить background-image transition IE 10, 11?

-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;

Я так понял IE не дружит с transition background-size

Почему нету анимации transform scale?

мне нужно не кнопку увеличивать, а .btn-default:after. Постав opacity:1 и увидишь

Как убрать глюк в IE и Edge?

В хроме такого бага нету, я знаю, что есть класс .navbar-brand, как сделать, что бы transition не срабатывал на навбаре?

Как в селекторе класса применить стиль только для селектора?

Сергей: Применяется он то для "a", но transition срабатывает еще и на navbar-brand, а мне это не нужно

Как убрать глюк в IE и Edge?

Сергей: куда присвоить?

Как убрать глюк в IE и Edge?

DTX: растяни, что бы полный навбар был с формой поиска и нажми Run

IE 11, Edge не корректно работают с transition: all, как исправить?

Алексей Уколов: При запуске в фидле Run в IE происходит сдвиг влево на 15 px Logo, это только в ie, edge, в хроме и опере все норм. Я выяснил, что это происходит из-за того-что в бутстраповских стилях есть:
media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}

Получается, что transition:all влияет на margin-left: -15px; в navbar-brand, но ПОЧЕМУ, если я указываю transition для селектора a????
https://jsfiddle.net/kkoshakk/tr3e2rd5/7/

IE 11, Edge не корректно работают с transition: all, как исправить?

Алексей Уколов: Вот: https://jsfiddle.net/kkoshakk/q7k66v94/4/
только запустите на локалхосте в IE или эдже, на фидле этого глюка почему-то нету....

IE 11, Edge не корректно работают с transition: all, как исправить?

Алексей Уколов: А почему нельзя transition: all?

IE 11, Edge не корректно работают с transition: all, как исправить?

Алексей Уколов: я использую bootswatch, тема paper, там есть эти вышеупомянутые свойства, если их убрать - все хорошо, но они мне нужны

Смещение текста в при клике в IE. как исправить?

Решение нашел, вот, может, кому то пригодится:

button:active span, button:focus span {
position:relative;
top: 0;
left: 0;
}

no move

Смещение текста в при клике в IE. как исправить?

Дмитрий Крымцев: спасибо, этот вариант я знаю - не подходит

Как убрать эффект нажатия кнопки в IE?

Да, про этот

Как убрать эффект нажатия кнопки в IE?

https://jsfiddle.net/kkoshakk/exohu4hz/ Попробуй в ie и в хроме

Как убрать эффект нажатия кнопки в IE?

Владислав Старцев: https://jsfiddle.net/kkoshakk/exohu4hz/ Попробуй в ie и в хроме

Скрипт, чтобы при фокусе на форму поиска менялся цвет кнопки?

lega: а как наоборот? снять фокус после нажатия энтера или клика?

Смена цвета кнопки после анимации?

а без jquery?

Скрипт, чтобы при фокусе на форму поиска менялся цвет кнопки?

и все же хотелось бы найти решение