Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Links & Buttons: Here

CSS Button Style: Draped Background Effect

Author: Dynamic Drive

These CSS buttons are endowed with a partially transparent background that "drapes" into view when the mouse rolls over them, creating a sleek, polished look. The "drape" is rendered using a :after pseudo element with rounded corners that glide into view thanks to CSS3 transitions.

This button style can be applied to BUTTON or A elements to style either depending on your needs.

Demo:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 02/24/2016

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive