down-button.css

/* Styling the Button */ .down { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background:#1abc9c; border: solid 1px #16a085; /* Note the parameters 0px 9px 0px * This adds the 9px sized shadow on the buttom of the button */ -webkit-box-shadow: 0px 9px 0px #16a085; -moz-box-shadow: 0px 9px 0px #16a085; box-shadow: 0px 9px 0px #16a085; } /* When the button is clicked */ .down:active{ position:relative; top:7px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; /* Note thet we change the 9px to 2px * So we have add the feel that the buttons it pushed when clicked */ -webkit-box-shadow: 0px 2px 0px #16a085; -moz-box-shadow: 0px 2px 0px #16a085; box-shadow: 0px 2px 0px #16a085; }