CSS3 text shadow gradients and stuff
A Pen by Jorge Epuñan on CodePen.
.milky Milky |
CSS3 text shadow gradients and stuff
A Pen by Jorge Epuñan on CodePen.
.milky { | |
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;; | |
text-transform: uppercase; | |
display: block; | |
font-size: 92px; | |
color: #f1ebe5; | |
text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff; | |
font-weight: bold; | |
letter-spacing: -4px; | |
text-align: center; | |
background: linear-gradient(to bottom, #ece4d9 0%,#e9dfd1 100%); | |
position: absolute; | |
padding: 100px 200px; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%,-50%); | |
border-radius: 20px; | |
} | |
body,html { | |
height: 100%; | |
} |