Эффект размытого фона для соц. закладок | RUDEBOXBlur или эффект размытого фона в последнее время становится весьма популярным. Он позволяет визуально подчеркнуть необходимую информацию. Но чтобы получить эффект размытого фона, или как говорят еще-боке, не надо иметь хорошую фотокамеру, все можно реализовать с помощью вспомогательных программ, к примеру: фотошоп или photoroom. Но что если надо такой эффект реализовать на сайте, чтобы эффект боке появлялся по желанию на необходимых элементах, к примеру размыть фон, чтобы подчеркнуть социальные закладки.

Много различным бесплатных шаблонов вы можете найти на сайте наших партнеров, также имеются и премиум шаблоны с круглосуточной техподдержкой и помощью в настройке:

В данном уроке мы рассмотрим как создать эффект выделения социальных закладок путем размытия фона. Выглядит достаточно просто и не принужденно. Давайте рассмотрим как это можно реализовать с помощь небольшого плагина jQuery.

Используем для socialProfiles:

Для начала необходимо подключить стили:

Непосредственно инициализация плагина:

Эффект размытого фона для соц закладок RUDEBOX

Используем для socialShare:

Подключаем стили:

Подключаем и вызываем сам плагин:

Вот и все. Готово!

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.