Создание тени текста CSS

Демонстрация работы свойства CSS тени текста, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<h1> ExcelsioR <span>Corporation</span></h1>

CSS

h1 {
	color: black;
	text-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
	text-align: centre;
	letter-spacing: .1em;
	text-align: center;
	font-family: Highway, sans-serif; 
	background: #fffdff;
	width: 10em;
	padding: .5em;
	border: 5px double #222;
	background-image: url('assets/images/excelsior-logo.jpg');
	background-repeat: no-repeat;
	background-position: centre;
}
h1 span { 
	text-transform: uppercase; 
	display: block;
	font-size: .8em;
}