some handy CSS from http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/

codrops_basic.css

/* drop shadows */
.drop-shadow.top {
  box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.right {
  box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.bottom {
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}
.drop-shadow.left {
  box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4);
}

/* emphasis shadows */
.emphasize-dark {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.emphasize-light {
  box-shadow: 0 0 0 10px rgba(255,255,255,.25);
}

/* rounding */
.light-rounded {
  border-radius: 3px;
}
.heavy-rounded {
  border-radius: 8px;
}

/* buttons */
.modern {
  display: inline-block;
  margin: 10px;
  padding: 8px 15px;
  background: #B8ED01;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.7);
}
.modern:hover  { background: #C7FE0A; }
.socle {
  position: relative;
  z-index: 2;
}
.socle:after {
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 6px;
  box-shadow: 
  inset 0 1px 0 rgba(0,0,0,0.1),
	inset 0 -1px 0 rgba(255,255,255,0.7);
  top: -6px; bottom: -6px;
  right: -6px; left: -6px;
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}

/* Mac-style input */
.mac {
  display: block;
  border: none;
  border-radius: 20px;
  padding: 5px 8px;
  color: #333;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1);
}
.mac:focus { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}

/* only line input */
.line {
  display: block;
  border: none;
  color: #333;
  background: transparent;
  border-bottom: 1px dotted black;
  padding: 5px 2px 0 2px;
}
.line:focus { 
  outline: none;
  border-color: #51CBEE;
}

/* depth input */
.depth {
  display: inline-block;
  border: 1px solid rgba(255,255,255,0.6);
  background: -webkit-linear-gradient(#eee, #fff);
  background: -moz-linear-gradient(#eee, #fff);
  background: -o-linear-gradient(#eee, #fff);
  background: -ms-linear-gradient(#eee, #fff);
  background: linear-gradient(#eee, #fff);
  box-shadow: 
    inset 0 1px 4px rgba(0,0,0,0.4);
  padding: 5px;
  color: #555;
}
.depth:focus {
  outline: none;
  background-position: 0 -1.7em;
}