Kategorie: Css/Scss/Less

Werden die Werte mit einem Minus davor angegeben, drehen sie entgegen des Uhrzeigersinns.

In einem html-Element können auch mehrere Hintergründe gesetzt werden. So kann auch ein Bild und ein Verlauf zusammen als Hintergrund gesetzt werden.

Um als Hintergurnd einen Farbverlauf zu realisieren wäre das ein Beispiel Am einfachsten kann man die Verlaufswerte in Colorzilla bestimmen. Sehr schön sehen solche Verläufe auch bei einem hr aus. Siehe hier.

Einst waren Runde Ecken die Königsklasse des Webdesigns und nur sehr schwer mit Grafiken oder verschachtelten Tabellen zu realisieren. Jetzt geht’s mit CSS einfacher. Einfache gerundete Ecken Jede Ecke anders

Unabhängig ob die Pünktchen um die Links sinnvoll oder sinnfrei sind. Abstellen kann man sie so…

Um nur Linebreaks per CSS zu steuern gibt es einige Möglichkeiten. Hier zwei davon. Beispieltext: In diesem Beispiel wird das br-Tag nur angezeigt wenn der Viewport kleiner 501px ist. Beispieltext: In diesem Beispiel wird vor dem Span-Tag ein Linebreak eingefügt wenn der Viewport kleiner 501px ist. Andernfalls wird vor dem Span-Tag ein Komma und ein… LineBreaks / Zeilenumbrüche mit CSS steuern weiterlesen

Ist der Header auf Fixed oder Sticky gesetzt, scrollt man bei Verweisen auf der Seite meistens zu weit nach oben. Beheben kann man das natürlich mit jQuery oder Js. Ein einfacher Fix geht so:

Ist auf einer Seite eine Sprungmarke gesetzt, „springt“ man sehr plötzlich zu dem Sprungziel. Bisher wurde das am besten mit JS/jQuery gelöst. Will man keine ausgefallenen Effekte, geht das auch mit CSS. Hier für die gesamte Seite: