ATC Select

Price: $100.00

Each image has the ATC (add to cart) ation tab below it.
The tabs have a description above them and the current tab has its own controls for border width and color.
There are controls for tab size, spacing, border width, color and radius and a check box for "round".
This text block can be aligned at the top or the center of the container.
Images have controls to animate in from initial scale and/or opacity over time set in milliseconds.
The images in this example have the scale animation.

ATC Select Options

In this example the layout has been switched and the relative column widths set to 2:3.
This text is aligned in the center rather than the top.
The tabs panel has a contrasting background, a border radius and a descriptive caption.
The tabs labels are displayed and the width of each tab control set to 20%.
The images in this example have the opacity animation.