Hyperlinks mit linearem Farbverlauf

Du suchst nach weiteren, individuellen Gestaltungsmöglichkeiten für deine Website? Dabei kannst du bspw. Hyperlinks mit linearem Farbverlauf erstellen. Einen solchen Effekt sieht man nicht häufig und könnte – je nach Design deiner Website – für einen netten Zusatzeffekt sorgen.

In diesem Artikel zeige ich dir dabei, wie du deine Hyperlinks mit einem linearen Farbverlauf hinterlegen kannst.… Weiterlesen

Animierter Fortschrittsbalken mit CSS

Es gibt durchaus Situationen bei denen es sinnvoll ist, den aktuellen Fortschritt obenrein grafisch darzustellen. Dazu nutzt man häufig einen Fortschrittsbalken. Einleuchtend ist die Anzeige eines Fortschrittsbalkens bspw. bei der Installation eines Programms oder einer App. Hier dürfte dabei jeder schon mal einen solchen Balken gesehen haben.… Weiterlesen

Unschärfe-Effekt mit CSS erzeugen

Mit CSS ist es möglich, einen Effekt zu erzeugen, der Text verschwommen darstellen lässt. Mit etwas Kreativität lässt sich dadurch ein netter Unschärfe-Effekt auf der eigenen Website erzeugen. Häufig stößt man bei diesem Effekt auch auf den englischen Begriff „blur“.

In diesem Artikel zeige ich dir, wie du dabei einen Blur-Effekt auf deiner Website selbst erzeugen kannst.… Weiterlesen

Zebrastreifen-Look für Tabellen

Mit ein wenig CSS Code kannst du automatisch eine Tabelle mit Zebrastreifen Look gestalten. Dies eignet sich besonders gut für lange Tabellen, die viele Einträge enthalten. In diesem Artikel zeige ich dir, wie das funktioniert.

 

Automatische Zebrastreifen für Tabellen

Um einzelne Reihen einer Tabelle farblich zu unterscheiden, müsste man eigentlich jede Reihe einzeln gestalten.… Weiterlesen

Ansprechende Überschriften mit CSS

Mit Hilfe von CSS lassen sich ansprechende Überschriften gestalten und zwar ganz ohne zusätzliche Grafiken. In nachstehendem Beispiel möchte ich diesen Effekt daher anhand eines Falt-Effektes vorstellen. Die verwendete Technik dahinter sind dabei die CSS-Shapes, die hier praktikabel umgesetzt werden.

 

Gefaltete Überschriften mit CSS

Dieses Beispiel wendet dabei die bereits genannte Technik der CSS-Shapes praktikabel an.… Weiterlesen