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.


The CSS:


Code Info

Rate this code:

Date Posted: 02/23/2016

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive