Designing Pure CSS3 and HTML5 Slider | Part - 2 of 2

Designing Pure CSS3 and HTML5 Slider | Part - 2 of 2
Watch Part - 1 of 2 Here

   • Designing Pure CSS3 and HTML5 Slider | Par...…
   • Creating Structure of Pure CSS3 and HTML5 ...  

Get Source Code: codepen.io/kumaramit24apps/pen/RWPvNM
In this video you learn to apply css styles to your html5 slider that you saw in part - 1. By the end of this tutorial you'll be able to create your own css sliders and you'll learn some advance css techniques.

In this video i'll show you how to add transitions and animation to your css3 carousel or slider.

You learn how to add captions in your slider in effective way.

We'll be using input elements, specifically radio buttons to create the carousel trigger or click events and then i'll show you how to effectively use label element to design the circular buttons overlayed on the images.
When you click on these circular label you will be able to navigate to the next slide or so.
You'll learn how to use after and before pseudo selectors.

Creating a pure CSS3 slider has never been so easier without using jquery or javascript. But in this video I am telling you, you'll learn the amazing skills.

Finally, Guys please do not forget to provide feedback in comments section. And please hit like if you like it and share with your friends and finally subscribe this channel to learn lots of about web design and development.

You can visit my codepen account for more stuff like this:
codepen.io/kumaramit24apps

You can follow me on my twitter account here:
twitter.com/amit4kp

You can add me on facebook too :)
www.facebook.com/kumaramit24chd