CSS Tutorials — Effects

Add a smooth tilting/zooming effect along with a background animation to your pictures, divs ...

Animated progress bar using pure CSS, no Flash, no Images and no Scripts ...

I’ve done plenty of retro photo effect tutorials in the past, but they’ve all been done using Photoshop. After playing around with some cool new CSS3 features I managed to create a pretty decent looking retro style image effect using just CSS. With the help of CSS gradients and filters, let’s take a look at how a cool vintage photo effect can be created directly in the browser.

I’m going to show you how to create the illusion that there are stacked images on the page using CSS3

In today’s tutorial we’ll create menu item hover effects that are very easy to customize by editing the css file, no images are required.

Good evening everybody, in today’s tutorial I’ll be showing you how to animate the background position in CSS using a cool CSS3 fade effect.

In today’s article we will create an interactive fiction user interface (UI) coded with CSS transforms and transition properties. The idea is to have a button and reveal more information when mouse over on it.

A descriptive tutorial describing how to create CSS3 thumbnail hover effect using transitions.

As you probably noticed on a lot of websites these days, there is an engraved looking effect added to text, let me show you how to add that effect using CSS.

Use CSS3 to create awesome transitions without Javascript!