prettylist v1.3.6

Pretty List

A package to make items in a list fade in and out as they leave and enter the list. The list can also bend to give a "wheel of fortune of effect.

Live Demo: https://jmonzone.github.io/assets/websites/prettylist/index.html

Usage:

const list = new PrettyList(items, container, options).list;

the prettylist will center itself in the passed container.

Options

rotation - bends the list (in degrees) . Default is 1.
visible - how many items are visible at once. Default is 3.
opacity - determines how much an item fades from the center. Default is 0.3.

direction - the direction of the list (horizontal or vertical). Default is vertical.

Examples: