3D Text Effect

Role : Designer & Coder

✦ 3D TEXT EFFECT ✦

Programs used in this tutorial:
✦ JSFiddle.net
____________________________________________________________________

Hello everyone! I am Jae-Lin, but please call me Lin. Smile

I am going to be showing you how to make your text shadow more fancy.
______________________________________________________________________________________________________

First of all, (so that the beginners are included in this.) in your code, you are going to type the following.

Code:: Text-shadow: 0px 0px 0px #Hex code/your color

The first 0px is the x axis(back & forth). The second 0px is the y axis(up & down). And the third 0px is the blur. Blur will make it look like the text is glowing if you just leave the first two 0px's at zero like it is.

The more the numbers increase the further or blurred the effect gets.
______________________________________________________________________________________________________

Okay, now that, that is done, let's get onto the actual 3D effect.
______________________________________________________________________________________________________

✦ Type into the #Nav a:link, #Nav a:visited, #Nav a:active or #Nav a:hover the code below.
For the hex code add the code #78FFF8.
Do not add the semi-colon, but you instead add a comma.

Code:: text-shadow: -6px 0px 0px #78FFF8,

✦ Hit enter, and space, to get the numbers underneath the top numbers.
For the second color code make it #FF4040 and then you can add the semi-colon.

Code:: text-shadow: -6px 0px 0px #78FFF8,
6px 0px 0px #FF4040;

✦ And that's it. You are done. Smile

____________________________________________________________________

✦ LIVE DEMO (CLICK) ✦

Role : Designer & Coder

Any questions, or problems please, reply here.

Role : Student

Yes thank you! Something I didn't learn in my college class -- LOL. Maybe I will later on 8')

Role : Designer & Coder

Ah~ You're welcome, haha.
3D Text Effect 1050090485

Role : Designer & Coder Location : OK

Helpful, thank you!

Role : Designer & Coder

@Raavein
~~//Wow I succ..~~
Yo, thank you giving feedback Smile

Role : Designer & Coder Location : Australia

Role : Designer & Coder Location : Australia