Навряд ли получится. Blur одно из самых дорогих действий. Особенно, если пытаться его анимировать. Тот же Chrome тоже часто не очень производителен в этом отношении, хоть он и лучше работает с этим фильтром.
Можете, конечно, попытаться упростить вёрстку вокруг (разметка, трансформации, box-shadow), чтобы браузеру было легче размывать, но сами понимаете — это не панацея.
sim3x, да, там не только цвета, но шрифты, отступы, фоны, размеры и расположение некоторых блоков.
Есть такой момент, согласен по крайней мере с CSS точно (JS, по сути, не знаю). Но сами понимаете, кардинально и внезапно не будет перемен, что логично. Это всё же эволюционные технологии с большой оглядкой на прошлое.
С помощью media-запросов меняю всего лишь 10 значений, и всё работает и автоматически пересчитывается. А так это бы заняло в сотни 3–4 больше CSS-манипуляции и кода.
sim3x, было прикольно делать layout. С помощью 10 переменных управлял им, переставлял grid-блоки, менял ширину элементов, отступы и т. п. Хорошая штука, жаль, полифил нужен, если нужны старые браузеры.
Никак. В IE11 даже поддержку былых фильтров (-ms-filter:progid...) отрубили. Так что только JS. Фон выводить отдельным слоем, который будет управляться с помощью JS. Возможно даже canvas, зависит от плагина.
И у меня предложение такое. Объясните заказчику то, что IE11 не умеет это, а просить его научить это делать — сложно, должно и абсолютно не нужно. Не будет размытия блока в IE11 — значит, не будет. Не умрут пользователи.
Можете, конечно, попытаться упростить вёрстку вокруг (разметка, трансформации, box-shadow), чтобы браузеру было легче размывать, но сами понимаете — это не панацея.
Update. А в такой конструкции — подавно.