In this tutorial we’ll create a simple responsive home page with a header embellished with a carousel where photos slide from right to left. Our solution will not require javascript, we’ll make our slideshow using css3 animations – supported by all major browsers: Firefow 15+, Chrome 22+, Safari 5.1+, Opera 12.1+ and IE10. Step 1 – Prerequisities We will need 4 large photos, mine are 1200px x 390p
![How to Create a Responsive CSS-only Slider](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b33dc2a736c4aded8ab6a28293017d187bc333d/height=288;version=1;width=512/https%3A%2F%2Fpepsized.com%2Fwp-content%2Fuploads%2F2012%2F12%2Fresponsive-slider.jpg)