Всем привет. Очень хочу сделать фишку с blur-эффектом фона на сайте при наведении на ссылку, но не знаю КАК. Подскажите пожалуйста как реализовать.

Визуально это должно выглядеть как то так.

<1> Состояние до наведения на кнопку «ЗАКАЗАТЬ»:

состояние До наведения











<2> Состояние После наведения на кнопку:
Состояние после 

10 комментариев

Taurus
в гугле забанили?
Taurus
<code><span class="pun">.</span><span class="pln">blur </span><span class="pun">{</span><span class="kwd">-webkit-filter</span><span class="pun">:</span><span class="pln"> blur</span><span class="pun">(</span><span class="lit">5px</span><span class="pun">);</span><span class="kwd">-moz-filter</span><span class="pun">:</span><span class="pln"> blur</span><span class="pun">(</span><span class="lit">5px</span><span class="pun">);</span><span class="kwd">-o-filter</span><span class="pun">:</span><span class="pln"> blur</span><span class="pun">(</span><span class="lit">5px</span><span class="pun">);</span><span class="kwd">-ms-filter</span><span class="pun">:</span><span class="pln"> blur</span><span class="pun">(</span><span class="lit">5px</span><span class="pun">);</span><span class="kwd">filter</span><span class="pun">:</span><span class="pln"> blur</span><span class="pun">(</span><span class="lit">5px</span><span class="pun">);</span><span class="pun">}</span></code>

Стиль добавляешь к контейнеру в который обернуто то что под кнопкой.
Как повесить смену стиля при навидении на кнопку ищи сам.
Taurus
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
youralikov
А как это сделать именно при наведении на ссылку?
Taurus
jsfiddle.net/e5qfqrgx/
лови, накалякал пример, по классам посмотришь че к чему.
youralikov
Вау! Круто:) Спасибо!!! И можно последний вопрос. Как сделать плавную анимацию blur эффекта?:)
vectorgrad
небожители какието) как вы так умеете
vectorgrad
вот это и подозрение вызывает)) я б тож так хотел, но тайного смысла постичь боюсь))