<div style="">
It's <br/>
not the <br/>
length <br/>
of life <br/>
but the <br/>
depth <br/>
of life <br/>
</div>
<!-- Next one will try to make the shadow looks like a profil -->
body{
height:100hv;
background: #EDEEE9;
margin:0;
}
@function makelongshadow($color) {
$val: 0px 0px $color;
@for $i from 1 through 100 {
$val: #{$val}, -#{$i}px #{$i}px #{$color};
}
@return $val;
}
div{
padding : 40px;
overflow:hidden;
margin: 0px auto;
width: 200px;
font-weight: 600;
line-height: 60px;
font-size: 60px;
text-align: left;
font-size: 3rem;
color: #EDEEE9;
font-family: 'Georgia';
text-shadow: makelongshadow(#3E3E40);
}
View Compiled
/* Thank you all :) Subscribe ! */
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.