Как сделать динамически изменяющийся эффект размытия с хорошей производительностью?

да я об этом думал уже, тут видимо придётся играться с HTML5 canvas, чтобы с его помощью создавать размытую картинку, и потом её уже добавлять ещё одним слоем... , не сильно ли это нагрузит браузер если я это буду делать уже после загрузки страницы ? можно конечно создавать второе изображение при загрузке файлов на сервер... но тогда количество подгружаемых картинок увеличится в двое... что по сути увеличит трафик тоже в двое...

просто ни разу ещё не работал с html5 canvas... кроме рисования простых фигур...

@MaxKondratenko вот тут не подскажу, по идее если вы выводите блюр с помощью js скрипта, то это будет медленнее, разве что ваш скрипт не пересчитает и закеширует смазанные картинки, чтобы их использовать. Я в свое время столкнулся с этим, но тестировать разные решения времени не было - сайт надо было сдавать и я просто отказался от блюра в слайдере. Можете если время позволяет изучить тему, думаю, ссылку habrahabr.ru/post/140594 вы уже нашли. Даже если не выйдет сделать быстрый эффект (что повторюсь, возможно только при предварительном кешировании смазанной картинки, но не просчете ее в реальном времени), то в любом случае опыт, полученный от ковыряний плагинов зря не пропадет :)

Спасибо за помощь !)
Да надеюсь будет время я разберусь, тоже уже надо сдавать проект... оставлю пока добавление blur на уже прокрученную картинку после анимации... клиента устраивает... а я в следующем проекте думаю буду использовать подобный слайдер, там и постараюсь разобраться и выложу сюда решение если найду.