Font Effects



In these font effect examples, I have imported the font tangerine. You can learn how to import fonts found on my other page called import fonts ^_^

At the top of your css or stylesheet whatever page you're using, you should have something like this. In this example I also labeled my tangerine class as ex1 but you can label or change that to whatever you like. This is just for demonstration purposes.

Tangerine





After the font name you can then edit the effect
You will also need to assign the name and class you have picked into your code which is different from the above example
To see how this code changes I will provide another example so you can see how the code changes
I have highlighted in the example below where you will change the code to pick what desired font effect you want =)
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=fire-animation');



Tangerine




The rest of these examples are the different font effects you can apply =)
Have highlighted the labels in which you would need to change your font imports too



Shadow Multiple
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=shadow-multiple');



Anaglyph font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=anaglyph');



Emboss font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=emboss');



Fire font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=fire');



Neon font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=neon');



Outline font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=outline');



3D font effect
@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=3d');