Wie erstelle ich einen Titel mit einem Farbverlauf (HTML & CSS Anleitung)

von | Juli 19, 2023 | Design | 0 Kommentare

Schlagwörter: CSS - CSS3 - HTML

Inhaltsverzeichnis

Heute möche ich euch zeigen wie ihr einen Titel oder einen Text erstellen könnt und ihm einen Farbverlauf geben könnt. Ja anstatt das er nur 1 Farbe hat, kann er dann in Regenbogenfarben daher kommen oder sonst wie.

Video

HTML

<h1>Eric Mächler</h1>

CSS

h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;

  font-weight: 9 00;
  font-size: 80px;

  /*background: linear-gradient(180deg, #fff, red); */
  background: linear-gradient(
    90deg,
    rgba(161, 33, 246, 1) 40%,
    rgba(253, 29, 29, 1) 50%,
    rgba(251, 252, 69, 1) 60%
  );

  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
}

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert