IOs7 — как это реализовано?

Question

[cactuss]

Как сделать точно такое как на выделенном?
Это размытие поверх слоя?

На css3 можно? Или только на js ??
Просто ну очень нравится такой эффект.

Answer 1

[Alexander Mischuk]

jsfiddle.net/SvH6w/6

Comments

[cactuss]

По коду вроде бы то. Но с телефона не посмотреть...
Спасибо за решение)

[cactuss]

@Mischuk Спасибо)
Только префиксы нужны, в moz не хочет.
Забыл про это свойство.. раньше не поддерживалось "последний хром кое как отображал" и не сильно надо было.

[cactuss]

@Mischuk А почему в мозиле "28" не работает ?

[Alexander Mischuk]

caniuse.com/#feat=css-filters

[Alexander Mischuk]

Если нужно кроссбраузерное решение, то blur.js используйте, например

[cactuss]

@Mischuk Печально ... 31 еще нету:D

[cactuss]

blur.js как-то не так размывает.. Разница есть.

Answer 2

[cactuss]

Время еще не пришло и 120 кб это много + нагрузка..
Проще создать прозрачный-размытый слой в cs и сохранить в png. А потом уже накладывать...

По весу в ~15 раз меньше по весу, не какой нагрузки на цп.

Comments

[Alexander Mischuk]

До 6 кб вообще-то blurjs.com/blur.min.js

[cactuss]

@Mischuk Я что-то не то скачал :D
Надо по больше спать... И снова спасибо)

Answer 3

[Алексей Мелекесов]

Можете посмотреть в сторону этой либы https://github.com/GianlucaGuarini/vague.js/
Но как уже писали выше это добавит нагрузку и возможно сайт будет тормозить.

Comments

[cactuss]

Лучше тот вариант...