/* 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; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.