Expanding overlay CSS effect

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

Expanding overlay CSS effect

Simple accordion CSS + jQuery

Simple accordion made up of CSS and jQuery. It also show ups the number of elements of any subcategory. Created by Yannick Albert.

Simple accordion with CSS and jQuery

CSS modal contact form

An elegant contact form in a modal box made up of CSS with a custom dropdown and rounded submit button. Source: Webinterfacelab.

CSS modal contact form

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

Metro twitter feed made of CSS + PSD

Today PixelsDaily wants to share with us a lovely Metro-style twitter feed made of CSS + original PSD file. A really wonderful little widget!

Metro Twitter feed widget CSS + PSD

CSS + jQuery simple multi-item slider

Today we have found an awesome tutorial on Codrops. It is a CSS + jQuery simple multi-item slider for a minimal online store.

CSS + jQuery simple multi-item slider

Settings panel PSD CSS

Free PSD and HTML/CSS snippet of a settings panel with brushed metal interface elements / toggle switches. Source: Pixelsdaily.

Settings panel PSD CSS

CSS menu with notification badges

Here’s a cool CSS snippet: CSS3 only menu with notification badges, created by Webinterfacelab team and shared on CSSdeck.

CSS3 menu with notification badges

Toolbar CSS snippet

Toolbar CSS snippet made of only HTML and CSS3. It has been created by Cameron Baney, inspired by Mani’s toolbar.

Toolbar CSS snippet