CSS
html, body {
background: #000;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.heart {
position: absolute;
left: -50px;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 80px;
height: 100px;
background: transparent;
border-top-left-radius: 950px;
border-bottom-left-radius: 1300px;
transform: skew(0deg,15deg);
box-shadow: #fff -7px -3px 10px -2px;
}
.heart:before {
position: absolute;
top: -18px;
left: 62px;
width: 100%;
height: 100%;
content: '';
background: inherit;
border-top-right-radius: 950px;
border-bottom-right-radius: 1300px;
transform: skew(0deg,-30deg);
box-shadow: #fff 7px -3px 10px -2px;
}
.heart:after {
position: absolute;
top: 10px;
left: -126px;
width: 0%;
height: 0%;
content: '</love>';
color: #000;
font-size: 40px;
transform: skew(-1deg,-15deg);
text-shadow: 135px 50px 3px #fff;
}
