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

von | Jul 19, 2023 | Design | 0 Kommentare

Schlagwörter: CSS - CSS3 - fff - 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

1
<h1>Eric Mächler</h1>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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