make title beautiful using css
h1 { text-align: center; color: white; text-transform: uppercase; padding: 1px; font-family: 'Raleway', cursive; font-weight: 100; position: relative; background: -webkit-linear-gradient(left, black, #eee, black); background: -moz-linear-gradient(left, black, #eee, black); background: -ms-linear-gradient(left, black, #eee, black); background: -o-linear-gradient(left, black, #eee, black); } h1:before { content: ""; position: absolute; left: 50%; top: -50px; width: 600px; margin-left: -300px; margin-top: -220px; height: 600px; background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #444, black); background: -moz-radial-gradient(50% 50%, ellipse closest-side, #444, black); background: -ms-radial-gradient(50% 50%, ellipse closest-side, #444, black); background: -o-radial-gradient(50% 50%, ellipse closest-side, #444, black); z-index: -1; } h1 a { background: black; display: block; padding: 20px; text-decoration: none; letter-spacing: 30px; color: white; }
