CSS Text Effects

text-effects.css

.clean-black-text-on-white {
  color: #222; text-shadow: 0 2px 1px #bbbaba;
	filter: dropshadow(color=#bbbaba, offX=0,offY=1);
	}

.soft-grey-shadow-on-grey {
	background-color: #474747;
	color: #999; text-shadow: 0 3px 8px #2a2a2a;
	filter:dropshadow(color=#bbbaba, offX=0,offY=1);
	}

.light-glow-on-dark-text-w-grey-bg {
	color: #222; text-shadow: 0 2px 3px #555;
	}

.pure-css-letterpress-effect {
	color: #222; text-shadow: 0 2px 3px #555;
	}

.insetText {
  font-family: Lucida Grande;
  background-color: #666666;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: rgba(255,255,255,0.5) 0 3px 3px;
}

/* THINNER SAFARI TEXT */
body {
  -webkit-text-stroke:1px transparent;}
@media only screen and (max-device-width:480px) {
  body{
    -webkit-text-stroke:0 black;}    
}