Making your text look as though it is 3D is actually a lot simpler than it sounds. I watched a couple of tutorials on this trick; however, the easiest one I found was dealing with “text-shadow.” For this trick you kind of get to play around with how you want it to look. The basic outline of the CSS code looks as followed:
(from the website:http://markdotto.com/playground/3d-text/)
You can play around with the pixels and colors to get it to match your background perfectly. I tried it on my recovery story project and it was a little more difficult because I had a picture as a background so the color was not matching up perfectly. If you are using a solid color as your background this trick may be a lot easier to do.
and this is how it looks after. As you can tell I played around with the colors a lot to get the right shadow. This is what you will need to do to make it look right for your text and background color. Hope you guys found this helpful!