HTML & CSS Hintergrund Experimente #5

von Eric-Oliver Mächler | Dez 24, 2021 | Allgemein | 0 Kommentare

Schlagwörter: CSS

Inhaltsverzeichnis

In dieser kleinen CSS Serie zeige ich euch in den nächsten Tagen wie ihr mit ein paar CSS und HTML Codezeilen schöne und einfache Hintergründe erstellen könnt.
Wenn ihr also mehr über Radial-Gradient, Linear Gradient, Transform etc in CSS lernen wollt – dann spitzt die Ohren und passt gut auf 🙂

Video

CSS Code

* {
        margin: 0;
        padding: 0;
    }    
    body {
        width: 100%;
        height: 100vh;
        background: linear-gradient(to bottom, #6e529d 0%,#d97b93 100%);
    }
    div {
          border: 1px solid rgba(255,255,255,.1);
  width: 10em;
  height: 10em;
  transform: rotate(45deg);
  margin: 2em;
  float: left;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%); 
    }

HTML Code

1	<div></div>

HTML & CSS Hintergrund Experimente #5

Video

CSS Code

HTML Code

Folgen

0 Kommentare

Einen Kommentar abschicken Antworten abbrechen

Translate:

Neueste Beiträge

Neueste Kommentare

Webinare

DIVI Theme

Hosting

Häufige Suchanfragen

WordPress

Themen

Gemischtes

Kurse / Webinare