Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Links & Buttons: CSS3 demos: Here

Slide Out Social Icon Buttons

Author: Dynamic Drive

These space saving social buttons slide out into view one at a time when the user clicks on the main button, The social icons appear tucked away and invisible initially, by placing them inside the "back face" of a DIV and setting the DIV to "backface-visibility: hidden". To reveal the icons, the DIV is flipped to show its backside containing the icons. This novel approach lets you store away content behind another content of a different size and show the former on demand.

Slide Out Social Icon Buttons works on all major browsers and platforms (including mobile), including IE9+.

Demo:


The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 08/04/2016

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive