Gradients

Basic gradient

import { tw } from 'typewritingclass'

tw.bgGradient('to right').gradientFrom('blue-500').gradientTo('indigo-600')

Three-stop gradient

tw.bgGradient('to right').gradientFrom('rose-500').gradientVia('amber-400').gradientTo('yellow-300')

Direction

tw.bgGradient('to right')
tw.bgGradient('to bottom')
tw.bgGradient('to bottom right')
tw.bgGradient('135deg')

Background utilities

tw.bgAttachment('fixed')
tw.bgClip('text')
tw.bgPosition('center')
tw.bgRepeat('no-repeat')
tw.bgSize('cover')
tw.bgImage('url(/hero.jpg)')