/ Published in: CSS

Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
body { /* This has to be same as the text-shadows below */ background: #def; } h1 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 6em; line-height: 1em; } .inset-text { /* Shadows are visible under slightly transparent text color */ color: rgba(10,60,150, 0.8); text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def; } /* Don't show shadows when selecting text */ ::-moz-selection { background: #5af; color: #fff; text-shadow: none; } ::selection { background: #5af; color: #fff; text-shadow: none; }
Comments
