Icons filling effect - Tutorial

A great article about creating a template with filling effect of the vertical timeline. Tutorial by Sebastiano Guerriero.

Icons filling effect – Tutorial

Techniques for creating separators

Here is a collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques.

Techniques for creating separators

Simple icon hover effects CSS

Some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations.

Simple icon hover effects CSS

CSS page transitions

Today on Codrops has been published a really amazing post about CSS page transitions for creating interesting navigation effects

CSS page transitions

YouTube CSS+JS menu effect

Today on Codrops a tutorial on how to recreate the effect of YouTube’s little left side menu. CSS + JS snippet.

YouTube CSS+JS menu effect

CSS3 Retro Navigation Menu

In this CSS3 tutorial by Designmodo you’ll learn how to create a vintage-looking navigation menu. We hope you’ll enjoy this tutorial.

CSS3 Retro Navigation Menu

3D CSS3 book showcase

3D books on a shelf made with some lines oh HTML and CSS. The idea is to make books look more realistic by using 3D transforms.

CSS3 3D book showcase

Responsive css audio player

Responsive CSS audio player + jQuery, an incredible resource for web designers and developers. Codrops always provides hi-quality snippets.

Responsive CSS audio player

CSS animated dropdown menu

Colorful dropdown menu created using only CSS3 and the Font Awesome icon font. CSS tutorial included.

CSS3 Animated Navigation Menu

Custom dropdowns CSS

The point of this tutorial is to show how to create nice drop-downs without any image but with CSS only and some line of jQuery.

Custom CSS dropdown list

CSS3 pricing tables tutorial

In this tutorial you’ll learn how to code and style some CSS3 pricing tables from the Impressionist UI, made by Vladimir Kudinov.

CSS3 Pricing Tables

Vertical showcase slider CSS

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions, using jQuery and CSS.

CSS jQuery vertical showcase slider