Cube Slider – awesome CSS3 3D images slider

An animated 3D flipping cube content slider, with navigation, built on top of jQuery and CSS3 transitions, transforms and perspectives. Awesome component for website.

Cube Slider – awesome CSS3 3D images slider

Here’s something really nice. The Cube Slider uses CSS3 transform property for creating 3d cubes elements and animating then in a cube slider.

Using CSS3 images can be set in a three dimensional space.

Cube Slider is a jQuery plugin, that comes with 2 built in theme.

Lightweight and responsive!

The Cube Slider plugin use CSS3, it size is only 16k and it is optimized. The plugin is responsive it will adapt to any screen size for the users devices!

And after all, it brings really nice effect and user experience.

CSS 3D slider
CSS 3D slider

Examples and docs:

http://www.albanx.com/cubeslider

Get this CSS3 3D images slider solution from GitHub:

https://github.com/albanx/cubeslider

License: MIT

You may also like

HexaFlip – a flexible 3D cube in JavaScript

Tutorial: An introduction to CSS 3D transforms

Creating 3D rotatable objects with jQuery Interactive 3D plugin

A responsive, vertical news slider with jQuery and CSS3

Sly scrolling plugin – a lightweight, one directional slider

JCoverflip – jQuery image slider

Skitter – multiple style slideshow

Another, simple implementation of CSS 3D images slider

Enjoy!