Красивые эффекты всегда интригуют пользователя новыми своеобразными решениями, но пользователей становиться все труднее удивить, по этому приходиться придумывать что-то новенькое. В данном уроке мы рассмотрим как преобразовать неупорядоченный список элементов в анимированный круг с помощью маленького плагина jQuery. Смотрится данный эффект достаточно красиво, и позволит внешне разгрузить сайт. Идея состоит в том, когда пользователь нажимает на элемент, вокруг данного объекта возникает круг с подобным материалом..

 
В демонстрации мы рассмотрели несколько примеров, которые срабатывают как при нажатии на элемент, так и при наведении курсора мыши, дальше мы рассмотрим как можно вызвать каждый элемент, но для начала мы рассмотрим простую структуру HTML:

Далее мы рассмотрим стили CSS, который используется для данных эффектов:

Плагин jQuery достаточно маленький (2кб), по этому содержание его не должно вызвать никаких затруднений, некоторые элементы подписаны в коде:

Как говорилось выше, мы рассмотрим как вызвать каждый элемент, рассмотрим первый пример, социальные закладки:

Вызвать данный эффект можно с помощью одной строчки коды:

Далее мы рассмотрим эффект c изображениями:

Этот эффект вызывается с помощью кода:

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