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

Такой вариант отлично подойдет если вы хотите креативно оформить свой список элементов на сайте,при этом не заморачиватся. И так, приступим.

Шаг 1. Разметка

Для начала мы рассмотрим разметку, для этого нам необходимо создать неупорядоченыый список, придав списку класс “baraja-container”, вот что с этого получилось.

Как вы заметили разметка достаточно простая, далее нам необходимо вызвать сам плагин, делаем это с помощью команды.

Нам необходимо, чтобы элементы красиво разворачивались, получаем это с помощью данного коды.

С основными функциями мы разобрались, перейдем к рассмотрению некоторых опций.

Опции плагина

Плагин Baraja достаточно гибкий в настройках, по этому его легко настроить на свое усмотрение получив при этом необходимый результат. Мы рассмотрим основные его опции.

Теперь рассмотрим методы которые установлены по умолчанию.

 В демонстрации приведено множество различных вариантов анимации, думаю каждый найдет что-то интересное.

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

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