Text Gradient

Four gradient classes for emphasizing headlines — on the key phrase, never the whole block.

Classes

Aa Bb Cc 123

.gradient-warm

#ffa71e → #ff7b3b → #fe4b6f

Aa Bb Cc 123

.gradient-cool

#47c6c7 → #4c93eb → #be50f6

Aa Bb Cc 123

.gradient-turquoise-to-purple

#539fb4 → #6824e8

Aa Bb Cc 123

.gradient-pink-to-purple

#ff825b → #e85cba → #7533ff

<h1 class="gradient-cool">Write. Build.</h1>

/* gradient-warm · gradient-cool ·
   gradient-turquoise-to-purple · gradient-pink-to-purple */