I'm back with some more ways to style your text to make your webpage more attractive.
1) 3D Gradient Text
This is very Easy to code but really makes your site look amazing.
Once you have set your font and size you can start coding the text. start by using the -webkit-background-image property and set it to a linear gradient of your choice.
Then clip that gradient to your text using -webkit-background-clip to text. Now you can set the -webkit-text-fill-color to transparent and you'll have gradient text. Now simply add a text-shadow and you will have this cool effect.
2) Image text
to style this set the background image to the url of the picture you want. Then clip it to the text and make the text transparent as we did in the last example. But you will see that the pictures size is very large and doesnt look that good. You can use the background size property to fix this.
You can set it to auto, cover or contain.
you may also set the size yourself.
You can read more on this on w3schools.
Hope these areb helpful and you can use them in your projects. I'll upload new styles soon. let me know if you guys have some ideas.