# Text Gradient

text gradient effect

# Basic

you can add demo class to see how to use css variable to define your gradient color.

# format

text-gradient

# Example

<div class="text-gradient demo">Hello World</div>

# Advanced

We can customize our gradient color by changing the --maju-text-gradient variable

# Example

<div class="my-gradient text-gradient">Hello World</div>

.my-gradient {
  --maju-text-gradient: to bottom, red, yellow;
}