Gradient Headings

Svelte Component

Generate a gradient-colored heading.

@skeletonlabs/skeleton
View Page Source
Tailwind Gradients

Examples

Skeleton

Getting Started

This can be created purely with Tailwind utility classes. Skeleton is not required.

html 
<h1><span class="gradient-heading">Skeleton</span></h1>
css 
.gradient-heading {
	@apply bg-gradient-to-r from-primary-500 to-bg-secondary-500;
	@apply bg-clip-text text-transparent box-decoration-clone;
}

Tailwind Documentation

See the Tailwind documentation for additional gradient options.