1. Responsive CSS3 slider without Javascript →

    CSS3 Responsive Slider is, as the name implies, a responsive CSS3 slider without Javascript.

  2. Pure Css3 Buttons With Hover Effect →

    A useful set of 12 pure css3 buttons, with hover effects.

  3. CSS3 Pseudo-Classes and HTML5 Forms →

  4. Responsive content navigator with CSS3 →

    How to create a content navigator with CSS only. The idea is to have several slides or content layers that we’ll show or hide using the :target pseudo-class. With CSS transitions we can make the slides appear in a fancy way.

  5. Creating CSS3 Image Ribbon Tags  →

    Often these are used for when you want to identify something as ‘new’ or ‘popular’, and they can just clip straight onto most images. All we have to do is create one block for the text, rotate it, and then use two triangle borders to create the clip on effect. This will all take place within a div.

  6. impress.js - Presentation tool based on the power of CSS3 transforms and transitions in modern browsers - by Bartek Szopka @bartaz →

  7. Using Backgrounds in CSS3 →

    With CSS3, developers and designers can utilize an enhanced range of options for Web page backgrounds. New options include the ability to use multiple background images, to specify size properties for background images, and to define background origin and clipping in terms of the CSS box model.

    In this tutorial we will work through various options using these new techniques, demonstrating the CSS syntax for each one.

  8. 10 of the coolest CSS3 and CSS effects | Webdesigner Depot →

  9. Parallax content slider with CSS3 and jQuery →

  10. Fullscreen Background Image Slideshow with CSS3 | Codrops →