:root {
--linear-gradient: linear-gradient(
45deg,
#ff006e,
#8b00ff,
#00f5ff,
#00ff88,
#ffaa00,
#ff006e);
}
h1, h2, h3, h4, h5, h6 {
background: var(--linear-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Color Gradient for Headings
Apply a vibrant rainbow gradient to all heading levels (h1-h6). Uses CSS background-clip for a colorful text effect.
Screenshots
1 / 2
Learn more about CSS styling
Learn how to integrate CSS styles in adoc Studio in our documentation.