aONWZa

aONWZa.markdown

aONWZa ('-' * 6)

A Pen by Gunnar Bittersmann on CodePen.

License.

index.html

		<p>
		  <svg>
    				<mask id="myMask">
					      <text x="50%" y="0.8em">Shadow</text>
				    </mask>
				    <rect width="100%" height="100%" mask="url(#myMask)" fill="rgba(0,0,0,0.75)" />
			  </svg>
		</p>

style.css

html
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	background: #bd8c7e url(https://upload.wikimedia.org/wikipedia/commons/1/14/Background_brick_wall.jpg) center/cover;
}

p
{
	margin: auto;
	width: 100%;
	height: 20vw;
	font: bold 20vw/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

svg
{
	width: 100%;
	height: 100%;
	text-anchor: middle;
	text-shadow: 0.05em 0.05em 0.0125em white,
		0.0375em 0.0375em 0.0125em white,
		0.025em 0.025em 0.0125em white,
		0.0125em 0.0125em 0.0125em white;
}