Применение частичного размытия по Гауссу к фоновому изображению

Question

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

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

Так что это дает видимость размытия на изображении. Если я применяю его к изображению, то когда разрешение экрана меняет размер, размер размытия меняется.

Любая помощь будет великолепна.

Приветствия

Answer 1

Вы ищете что-то вроде этого http://css -tricks.com / blurry-background-effect /

Answer 2

Вы можете абсолютно точно расположить div с шириной 50% и высотой 100%. Затем сделал фон из div около 50% прозрачного белого фона. Это может помочь.

Answer 3

Беглый взгляд говорит мне, что для этого нет CSS3. Конечно, это не может быть правдой? Кто-нибудь?

Для Internet Explorer существует собственный фильтр размытия . Пример с сайта MSDN:

<DIV STYLE="width:100%; filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);">
Blurry text with smudge of gray.</div>    

Answer 4

Я не думаю, что есть что-то подобное. Особенно, если кросс-браузер также означает IE6.

Однако вы можете создать размытую и не размытую версию изображения и показывать размытую версию только там, где вы хотите (обрезать). Если вы понимаете о чем я ...:)