Slide background

SQUARE SUNGLASSES

BY TOM FORD

BUY NOW

$299

FOR ONLY

Slide background

TOP 5 ACCESSORIES

FALL 2015'S TRENDS

SHOP NOW

Slide background

MUST HAVE

STYLISH LOOKS FOR EVERYONE!

VIEW COLLECTION

Ecommerce Slider

This slider has 3 slides, within some text and price tags. It can be used for a commercial purpose. The Outline skin is used here, which has buttons animated when you hover over the mouse. You can have this button style easily, just need to add the ls-button class for the layer. The other important thing is that this skin is fully created from HTML elements, so it works well on Retina displays as the navigation elements will sharp and clean.

It is also worth to mention the price tag. The price value and the background are in 2 different layers, but their Transform origin property set to the same value, that's why you will see that the price and the background moves same.

The animation between 2 slides is a top to down type, which makes it a more professional look.