LenovoId
@LenovoId
I want, women not to get sick

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

<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?
  • Вопрос задан
  • 134 просмотра
Решения вопроса 2
В принципе можно.
text-shadow: 3px 3px 0 red, 6px 6px 0 red, 9px 9px 0 black;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы