Показать сообщение отдельно
  #4 (permalink)  
Старый 06.02.2017, 17:06
Кандидат Javascript-наук
Отправить личное сообщение для Diphenyl Oxalate Посмотреть профиль Найти все сообщения от Diphenyl Oxalate
 
Регистрация: 21.01.2017
Сообщений: 139

Есть фильтр blur, вот кросс-браузерный код для него

-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);

(5px - степень размытия)

Принцип такой: обернуть всё содержимое body в див, при наводке мышью замыливать див и создавать копию блока и добавлять в body (document.body.appendChild()). Таким образом, копия будет за пределами дива и не будет замылена. При отводе мыши убираем блюр и удаляем копию.

Последний раз редактировалось Diphenyl Oxalate, 06.02.2017 в 18:05.
Ответить с цитированием