Texts

Gradient

Gradient background.

Text gradient

Customize

Change gradient direction

You can change the gradient direction by changing the bg-gradient-to-b class.


<p className='bg-gradient-to-b ...'>
// ...

Top to bottom


<p className='bg-gradient-to-b ...'>
// ...

Bottom to top


<p className='bg-gradient-to-t ...'>
// ...

Left to right


<p className='bg-gradient-to-l ...'>
// ...

Right to left


<p className='bg-gradient-to-r ...'>
// ...

Change gradient colors

You can change the gradient colors by changing the from-grey-text-contrast and to-grey-solid classes.

From color


<p className='... from-white ...'>
// ...

To color


<p className='... to-neutral-700 ...'>
// ...

On this page