Вопрос чисто из за интереса! shadow — возможно ли сделать так?

Question

[Максим]

<header>
	<div class="shadow-group">
				<div class="title-double-3"> 
	   <p>London goodbye</p>
	 </div>
			<div class="title-double-2"> 
	   <p>London goodbye</p>
	 </div>
			<div class="title-double-1"> 
	   <p>London goodbye</p>
	 </div>
	</div>
	 <div class="header-title"> 
	   <p>London goodbye</p>
	 </div>
</header>

*{
	margin:0;
}
html,body{
	position:relative;
	z-index:1000;
}
header{
	min-height:40vh;
	/*
 background:url(http://www.technocrazed.com/wp-content/uploads/2015/12/London-wallpaper-8.jpg);
*/
	background-size:100% 100%;
	position:relative;
}
.header-title{
	position:absolute;
	z-index:10;
}
.header-title p{
	 font-size:6vw;
	 font-weight:900;
	 color:#000;
}
.title-double-1{
	color:red;
	font-size:6vw;
	font-weight:900;
	position:absolute;
	top:3px; left:3px;
	z-index:10;
}
.title-double-2{
	color:red;
	font-size:6vw;
	font-weight:900;
	position:absolute;
	top:5px; left:5px;
	z-index:9;
}
.title-double-3{
	color:#000;
	font-size:6vw;
	font-weight:900;
	position:absolute;
	top:8px; left:8px;
	z-index:7;
}
header p{
	background:rgba(218, 215, 215, 0.1);
	background:linear-gradient(to bottom, rgba(200,200,200,.3)30%, rgba(0,0,0,0) 60%);
}

How does this work?
Как сделать такое же на shadow?

Answer 1

[Дмитрий Гавриленко]

В принципе можно.

text-shadow: 3px 3px 0 red, 6px 6px 0 red, 9px 9px 0 black;

Answer 2

[Андрей Б.]

https://jsfiddle.net/f99bL0yb/

Comments

[Максим]

почти похоже .. но всё же ЛО