How to give Gradient color to Fonts (Text or Icon) in HTML & CSS || UI Dev

Опубликовано: 11 Февраль 2026
на канале: UI Dev
3,779
38

In this video we will learn how to give Gradient color to Fonts (Text or Icon) in HTML & CSS?

Its so simple not to worry we just need to do 3 step for this.

1 step: background : -webkit-linear-gradient(#000,#03a9f4);
2 step: -webkit-background-clip : text;
3 step: -webkit-text-fill-color : transparent;

How to link Font awesome css file :    • Create Footer for eCommerce website in HTM...  

-These are some website link which will make your concept more clear-

1. https://bit.ly/2GOjDau

2. https://bit.ly/2GSd4nl


--You should know these HTML tag--

1. h1 : https://bit.ly/2rGOUFH

2. ui and li : https://bit.ly/2Cl76rL


--You should know these Css properties--

1. margin: https://bit.ly/2vOTV11

2. padding: https://bit.ly/2GhDGMF

3. font-family : https://bit.ly/2D5nQmf

4. font-style: https://bit.ly/2KV8CYT


#Fonts #GradientColor #UI_Dev


--Music Credits--

Song: Nekzlo - Palm Shadows (Vlog No Copyright Music)

Music promoted by Vlog No Copyright Music.