Создание анимированной неоновой вывески с использованием CSS

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

HTML

<h1>Cafe</h1>

CSS

@font-face {
	font-family: 'Neon80sRegular';
	src: url('http://thenewcode.com/assets/fonts/neon-webfont.woff') format('woff'),
         url('http://thenewcode.com/assets/fonts/neon-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1 { 
	background: #000;
	background-image:
		radial-gradient(ellipse farthest-corner, rgba(0,0,0,0), rgba(0,0,0,1)), 
		url(http://thenewcode.com/assets/images/black-brick-wall-texture.jpg);
		text-align: center;
		font-family: Neon80sRegular, Arial Narrow, sans-serif;
		color: #fee;
		padding: 2rem;
		text-transform: uppercase;
		font-size: 6rem;
		letter-spacing: 2rem;
		text-shadow: 0 0 30px rgba(255,0,84,0.6),
			0 0 60px rgba(255,0,84,0.4),
			0 0 100px rgba(255,0,84,0.2),
			0 0 90px rgba(255,0,84,0.1);
}