Seit einiger Zeit beobachte ich ein altes Phänomen und zwar immer mehr Webseiten gibt es, wo eine Uhr irgendwo versteckt ist. Ist noch lustig vor so 10 Jahren war das schon mal ein Trend und jetzt ist er wieder hier. Da ich jetzt mehrmals gefragt worden bin, wie man…
CSS
How To Hack a Formular: Radio Button hacken leicht gemacht (Nur CSS und HTML) [Anleitung / Tutorial]
Im heutigen Tutorial zeige ich euch, wie man ein Formular hacken kann. Ja wir machen aus einem langweiligen normalen Formular ein cooles Formular und zwar konzentrieren wir uns diesmal auf den Radiobutton. Ein Radio Button verwendet man ja, wenn man etwas zur Auswahl…
HTML Liste mit Bilder als Punkte verschönern (Nur CSS und HTML) [Anleitung / Tutorial]
Jeder der einen Text schreibt kenn die Funktion der Listen. Oft verwenden wir diese um Punkte aufzuzählen oder eben um eine Liste zu machen – #hust ist ja das Gleiche aber lassen wir es mal so stehen 😛 Heute zeige ich euch wie man diese einfachen Punkte bei…
CSS Flip Box Effekt (Nur CSS und HTML) [Anleitung / Tutorial]
Immer nur einfache Hover Effekte oder Overlay Effekte zu machen sind langweilig, manchmal muss man einfach einen anderen Effekt programmieren. Im heuten Video zeige ich euch wie man eine Flip Box macht. Also man sieht ein Bild und wenn man mit der Maus darüber fährt,…
Halber Hover Effekt für Bilder (Nur CSS und HTML) [Anleitung / Tutorial]
Wenn man einen Hover Effekt machen möchte, dann sieht man oft dass dieser Effekt das ganze Bild oder den ganzen Bereich ausfüllt. In diesem kleinen Tutorial zeige ich euch, wie man so ein Effekt aber nur für die Hälfte des Bildes macht. Und wenn man genau hinschaut,…
Schrift mit Schatten Effekt (Nur CSS und HTML) [Anleitung / Tutorial]
Heute zeige ich euch wie man einen Text so verdreht, dass er 1. aussieht als ob er ein Schatten ist und 2. wie eine Schrift verzerrt werden kann, so dass sie wie 3D aussieht. Video / Anleitung CSS .container { height: 500px; width: 500px; background-color: brown;…
Bilder Text Hover Effekt / Text Overlay (Nur CSS und HTML) [Anleitung / Tutorial]
Heute zeige ich euch, wie man einen Mouse Hover Effekt macht in dem man ein Text über ein Bild schiebt – diesen Effekt nennt man auch Text Overlay Video / Anleitung CSS .post { width: 600px; height: 400px; position: relative; cursor: pointer; } .post:hover…
Cooler CSS NEON Text Effekt (Nur CSS und HTML) [Anleitung / Tutorial]
Im heutigen Tutorial zeige ich euch wie man eine coole Neon Leuchtschrift macht in dem man die CSS Schattenfunktion verwendet. Video / Anleitung Google Font <link href="https://fonts.googleapis.com/css?family=Bungee+Outline&display=swap"…
Ein Button mit Slide In Hover Effekt programmieren (Nur CSS und HTML) [Anleitung / Tutorial]
Man sollte ja regelmässig was neues ausprobieren und aus diesem Grund veröffentliche ich in nächster Zeit regelmässig neue CSS Tutorials auf Youtube. Mein Youtube Kanal findet ihr hier. Der Anfang macht ein kleines Tutorial wo ich einen einfachen Button mit einem…
10 Instagram Filter mit denen man die Bilder auf der Webseite verschönern kann.
Wir leben in einer Zeit wo Bilder sehr wichtig sind. Bilder transportieren oft mehr als einfache Sätze und das ist ein Segen wie auch ein Fluch. Der Fluch ist, man weiss nie wie die Wirklichkeit aussieht, überall wird nur manipuliert oder weggelassen, aber etwas ist…