Carousel Slider

Caorusel Slider

This is the perfect, responsive carousel slider to show products. This slider can be generated from a webshop extension. The animation between the slides is quite special, because it seems that the products coming from an invisible area.

Another animation is worth to mention, that is how the prices disappear. This is a text animation by chars, where the chars appear in ascending order. To achieve that effect you should set more values set to the OffsetY option: 50, -50. Which means that the first character has 50px vertical offset, the second -50px, the third 50px again, and so on. The time shift is set to 0 value in this case, to have the whole text appear at the same time.