Results for „css“

Eine Liste wie eine Zeitleiste stylen? CSS Anleitung

Eine Liste wie eine Zeitleiste stylen? CSS Anleitung

Gehen euch die einfachen Listen in HTML auch langsam auf den Wecker? Dann habe ich hier ein Beispiel wie ihr eine Liste verschönern könnt. Mit diesem kleinen Trick kann man aus einer Liste ne Art Timeline machen oder einfach die ganze Liste ein wenig farbenfroher…

Farbiger Text mit NTH-Child Selektor (CSS Anleitung)

Farbiger Text mit NTH-Child Selektor (CSS Anleitung)

Ihr habt sicher schon von diesem NTH Child Selektor gehört, damit lassen sich repetitive Arbeiten leicht abnehmen. Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus. Eine praktische Sache wenn man DIV Klassen ansprechen muss, die den gleichen…

Der 2 Button in 1 Button nur aus CSS und HTML

Der 2 Button in 1 Button nur aus CSS und HTML

Heute möchte ich euch mal ein speziellen Button zeigen und zwar einen 2 in 1. Wenn man mit der Maus über den Button fährt, dann kommen anstatt nur 1 Links halt 2 oder mehrere daher. So kann man also mit 1 Button mehrere Social Media Links präsentieren oder andere…

Wie man ein Bild aus Text erstellen kann, mit CSS und HTML

Wie man ein Bild aus Text erstellen kann, mit CSS und HTML

Diesen kleinen Effekt habt ihr sicher schon öfters gesehen und zwar wird hier ein Bild simuliert und zwar aus reinem Text – so sieht es wenigstens aus. In Wahrheit ist da ein Text über einem Bild gelegt worden und dank einem kleinen CSS Trick wird dort wo die…

Wie erstelle ich ein Sticky Element mit CSS und HTML

Wie erstelle ich ein Sticky Element mit CSS und HTML

Heute möchte ich euch zeigen wie ihr sein sehr spannendes Element für eure Webseite machen könnt, welches man leider nur sehr selten sieht. Und zwar heisst dieses Element „Sticky Element“ – wie „klebriges Element“. Es ist ein Bereich…

Wie verwendet man CSS Variablen

Wie verwendet man CSS Variablen

Wenn man programmiert, dann möchte man gewisse Inhalte zwischenspeichern damit man sie später wieder verwenden kann. Dafür hat „Gott“ die Variablen erfunden. Was viele Menschen gar nicht wissen ist, dass man in CSS auch Variablen verwenden kann. Wenn man…

Wie erstelle ich mit CSS & HTML eine 2 geteilte Ansicht / Split Screen

Wie erstelle ich mit CSS & HTML eine 2 geteilte Ansicht / Split Screen

Auf Webseiten sieht man diesen Effekt immer wieder. Man sieht eine Fullscreen Seite die in 2 Teilen geteilt ist und die Elemente sind eingemittet. Dieser kleine Effekt ergibt gut durchgeführt einen schönen WOW Effekt in jeder Webseite. Ich persönlich liebe FullScreen…