.container
.shadows
span s
span h
span a
span d
span o
span w
span s
View Compiled
body {
margin:0;
}
.container {
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.shadows {
position: relative;
text-transform: uppercase;
text-shadow: -15px 5px 20px #ced0d3;
color: white;
letter-spacing: -0.05em;
font-family: 'Anton', Arial, sans-serif;
user-select: none;
text-transform: uppercase;
font-size: 150px;
transition: all 0.25s ease-out;
}
.shadows:hover {
text-shadow: -16px 6px 15px #ced0d3;
}
View Compiled
This Pen doesn't use any external CSS resources.