Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m looking at http://agilewebsolutions.com/support. As you can see, the text h2 and h3 all have an engraved effect giving it a 3d look. How is this accomplished? I couldn’t dig it out of the code. Any help would be appreciated.
The h1 uses
text-shadow:0 -1px 0 #000000;as it is a light text on a dark background.The h2 uses
text-shadow:0 1px 0 #FFFFFF;which is the exact inverse of the one above. support.css (line 47)However both look engraved because of the use of light text on dark bg + dark text on light bg.