schadeck

/**
 * Design Shack - image stack w/ pseudo elements - basic
 */

* { margin: 0; padding: 0; } 
body {background: #ccd3d7;}
.stackone {
	border: 6px solid #fff;
	float: left;
	height: 200px; width: 200px;

schadeck

/**
 * design shack - Use Pseudo Elements to Create an Image Stack Illusion
 */

* { margin: 0; padding: 0; } 
body {background: #ccd3d7;}

div[class*='stack'] {
	float: left;
	position: relative;

schadeck

/**
 * Design Shack Respnsive Menu
 */


* {
	padding: 0;
	margin: 0;
	
	-webkit-box-sizing: border-box;

schadeck

/**
 * design shack - Use Pseudo Elements to Create an Image Stack Illusion
 */

* { margin: 0; padding: 0; } 
body {background: #ccd3d7;}

div[class*='stack'] {
	float: left;
	position: relative;

schadeck

/**
 * CSS# Card Deck Expand
 */



*{padding:0px;margin:0px;}
            .cards{
                position: relative;
                height: 200px;

schadeck

/**
 * CSS# Card Deck Expand
 */



*{padding:0px;margin:0px;}
            .cards{
                position: relative;
                height: 200px;

schadeck

/**
 * Pure CSS Clickable Dropdown
 */

.wrapper {
	position: relative;
}

.wrapper:active .content {
	display: block;

schadeck

/**
 * Pure CSS Clickable Dropdown
 */

.wrapper {
	position: relative;
}

.wrapper:active .content {
	display: block;

schadeck

/**
 * Pure CSS Clickable Dropdown - Styled
 */

	#demo {
		margin: 30px 0 50px 0;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#demo .wrapper {

schadeck

/**
 * The first commented line is your dabblet’s titlele /

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;