WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

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

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