Farbverlauf bei Überschriften

: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;
}

CSS-Stile in adoc Studio integrieren

  1. Neuen Produktstil erstellen (empfohlen)

    • Duplizieren Sie einen vorhandenen Produktstil

    • Integrieren Sie den neuen CSS Code in das duplizierte Stylesheet

Diese Variante sorgt für ein konsistentes Erscheinungsbild und vereinfacht spätere Änderungen, da alle Dokumente denselben zentral gepflegten Style verwenden.

  1. Projektspezifisches Stylesheet

    • Legen Sie Im Projekt eine Datei styles.css an.

    • Schreiben Sie oberhalb des Dokumenttitels jedes betroffenen AsciiDoc-Dokuments die Zeile

:stylesheet: styles.css

Es wird nun ausschließlich das neue CSS genutzt. Gestalten Sie die styles.css nach Ihren Wünschen. Dieser Ansatz bietet maximale Flexibilität, wenn beispielsweise verschiedene Designs in einem Projekt benötigt werden oder Asciidoctor-Kompatibilität gefragt ist.

Weitere Informationen finden Sie in unserer CSS Dokumentation im Benutzerhandbuch.

Scrollbar in Regenbogenfarben

Zurück

Hover Effekt im Text

Weiter