Kategorien-Archive: HTML

HTML Color Codes: brillante und geniale Farbtools für Ihre Webseite

HTML Farbcodes, HEX- und RGB-Codes, Farbnamen und –tabellen

Flat-, Material- und WebSafe-Design

Auf der Webseite von HTML Color Codes finden Sie ein große Anzahl von kostenlosen und coolen Farbtools. In der fantastischen „Farbenspielerei“ gibt es 5 verschiedene Abteilungen mit interessanten und tollen Webapplikationen.

Es gibt HTML-Farbcodes (HEX- und RGB-Codes), verschiedene Farbtabellen, Listen von Farbnamen, Farbpicker und verschiedene Tutorials zum Thema Farben.

Weiterlesen

3 einfache und schöne CSS3 Menüs mit coolen Mouse-Over-Effekten

Wie Sie ganz einfach 3 tolle und interessante CSS3-Menüs erstellen

3-css3-menüs-hover-effekte

In meinem heutigen kurzen Blogartikel möchte ich Ihnen zeigen, wie Sie 3 ganz einfache und elegante CSS3-Menüs erstellen können. Die Original-Menüs stammen von Callum Williams und wurden von diesem ursprünglich am 21. September 2013 auf Codepen.io veröffentlicht.

Den Original-Code zu den 3 Beispielen können Sie im Originalartikel (unter dem Share-Button) oder aber hier herunterladen: CSS3-Menüs: 3 coole Hover-Effekte

Weiterlesen

CSS-Tricks: 5 verschiedene Hover-Effekte nur mit CSS3

Wie Sie nur mit CSS3 wunderschöne Animationen und Übergänge erstellen

5-interessante-css3-effekte

Mein heutiges kurzes Tutorial zeigt Ihnen, wie einfach und elegant Sie mit CSS3 interessante und schöne Hover-Effekte erstellen können. Wenn Sie mit der Maus über die 6 verschiedenen Grafiken fahren, erhalten Sie die weiter unten stehenden 5 Mouseover-Animationen, die Sie bei Bedarf auch völlig frei für Ihre Projekte verwenden können.

Der Originalartikel zum meinen Ausführungen stammt vom März 2014 und erschien auf der Webseite von Queness.com unter dem Titel Create Different Styles of Hover Effects with CSS3 Only. Dort finden Sie auch einen DEMO- und DOWNLOAD-Button, um die Effekte einzeln anzusehen bzw. das gesamte Beispiel herunterzuladen.

Link zur Demoseite: hier anklicken!!!
Link zum Download: hier anklicken!!!
Weiterlesen

CSS3-Tricks: Semi-transparente Buttons erstellen

Wie Sie ganz einfach halbdurchsichtige CSS3-Buttons erstellen können

semi-transparent-buttons

In meinen heutigen Artikel lernen Sie die Erstellung von halbdurchsichtigen (semi-transparenten) CSS3 Buttons kennen, welche ganz besonders auf Webseiten mit fotografischen Hintergrundbildern zur Wirkung kommen.

Webseiten mit ganzseitigen Bildern bzw. Fotos als Background-Image sind derzeit gerade sehr stark im Kommen und ein richtiger Trend. Genau hier kann man die durchsichtigen bzw. halbtransparenten Buttons ganz toll einsetzen.

Weiterlesen