Oz Web Services
  • Home
  • WP
  • PHP
  • JS
  • CSS
  • SCSS
  • HTML
  • XML
  • JSON
  • SQL
  • .htaccess
  • Apache
  • Nginx
  • INI
  • HTTP
  • Diff
Search shortcode

Text Shadow

September 7, 2014
/* x-offset, y-offset, blur radius, color */
.text_shadow {
	text-shadow: x_offset y_offset blur_radius color;
}
/* multiple shadows, comma-separated */
.text-shadow {
	text-shadow: shadow1, shadow2, shadow3;
}

/* from http://www.themeshock.com/css-text-shadow/ */
.pressed {
	color: #222;
	text-shadow: 0px 1px 1px #4d4d4d;
}
.embossed {
	color: #066;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.neon {
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
	letter-spacing: 5px;
}
.fire {
	color: #fff;
	text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
.3D {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.retro {
	color: #990F0A;
	text-shadow: 5px 5px 0px #EEE, 7px 7px 0px #707070;
}
.acid {
	color:#00ff0f;
	text-shadow: 0px 0px 10px #00ff0f, -1px -1px #000;
}
.shadow {
	color:#333;
	text-shadow: -5px 5px 5px rgba(0,0,0, 0.3);
}
.alpha {
	color: rgba(0, 174, 239, 0.2);
	text-shadow: rgba(0, 0, 30, 0.08) 0px 5px 2px;
}
.alpha3D {
	color: transparent;
	text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
}
.anaglyphs {
	color: rgba(0, 168, 255, 0.5);
	text-shadow: 3px 3px 0 rgba(255, 0, 180, 0.5);
}
.blur {
	color: rgba(255, 255, 255, 0.1);
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5), 0px 0px 10px rgba(255, 255, 255, 0.5);
}
Oz Web Services
Copyright © 2015-2025 All Rights Reserved