Как сделать эффекты размытия, как у Слинки и Сикрета?

Question

[juliadesigner]

Я не умею программировать, но хочу сделать такой эффект для блога о дизайне, как у этих сайтов. С чего мне начать ?

Пример раз - https://www.secret.ly/p/dkzosvkhstyjqkecpiwqrlppgx
Пример два - slinky.me

Мой будущий сайт работает на вордпрессе

Answer 1

[alexdob]

использовать blur.js, статья с примером
www.designedbyaturtle.co.uk/2013/blur-a-background...

Comments

[juliadesigner]

Всё хорошо только у меня браузер начинает тормозить, а на этих сайтах не тормозит, что делаю не так ?

[alexdob]

на обоих сайтах используется blur.js с небольшим "напильником" (можно посмотреть в теле страницы)
так же многое зависит от размера изображения.

[juliadesigner]

@alexdob насколько этот напильник небольшой ? Просто для кого-то небольшой, а для меня покажется до 1 месяца изучения :)

Answer 2

[Funbit]

Начните с графического редактора (Photoshop, Paint.NET) и поиграйтесь с Blur эффектами: Gaussian Blur, Motion Blur и т.п.