Layered Shadow by Nitin Kumar Output View Horizontal Vertical HTML CSS JS Tidy <h1 id="shadow-h1">Super</h1> <h2 id="shadow-h2">GIRLS</h2> HTML CSS JS Tidy body, html { margin: 0; padding: 0; height: 100%; background: #60a3bc !important; display: flex; margin-left: auto; margin-right: auto; } @import url(‘https://fonts.googleapis.com/css?family=Ubuntu’); h1, h2 { margin: 100px auto; font-family: ‘Ubuntu’, sans-serif; font-size: 70px; font-weight: bold; text-align: center; letter-spacing: 5px; } #shadow-h1 { color: #dfdfdf; text-shadow: 0 0 2px #dfdfdf, -4px 5px 0 #b8b8b8, -7px 11px 0 #747474, -12px 17px 0 #343434, -17px 23px 0 #000; } #shadow-h2 { color: #F06292; text-shadow: 0 0 2px #F06292, -4px 5px 0 #E14D2A, -7px 11px 0 #9C254D, -12px 17px 0 #D23369, -17px 23px 0 #000; } HTML CSS JS Tidy >_Console Clear Console >_Console File Setting HTML Code Playground Setting Title Description Layered Shadow with multi text-shadow CSS properties. Catagory CSS Tags Resource Add External Stylesheets and Script
