Keywords / Programming languages, Image slider

Tags: Programming languages, Image slider

Simple image slider with a responsive design using only CSS3

Simple image slider with a responsive design using only CSS3
This article describes how to create a simple image slider with a responsive design using only CSS3. This slider may look identical to the previous one, but now it has a new operating principle.

Simple image slider with navigation using only CSS3

Simple image slider with navigation using only CSS3
This is another improved version of the image slider which was presented in the previous articles. Now the slider has navigation elements and caption for each image. All these new elements are animated with CSS3.

Creating an image slider using only CSS3 (without page scrolling)

Creating an image slider using only CSS3 (without page scrolling)
This is improved version of the slider which was presented in the previous article.

Creating an image slider using only CSS3

Creating an image slider using only CSS3
Usually image sliders are created in JavaScript, but with release of CSS3 this can be done in CSS3 without JavaScript. An image slider in the current article is quite simple to demonstrate that elaborate things can be achieved keeping the minimum code.