![HTML Liste mit Bilder als Punkte verschönern (Nur CSS und HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2019/10/youtube-listen-punkte-ersetzen.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/10/youtube-flip-box.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/09/youtube-halber-hover-effekt.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/09/Schrift-mit-Schatten-Effekt.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/09/bilder-hover-text-hoverlay-effekt.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/09/css-neon-schrift.jpg)
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]](https://www.chefblogger.me/wp-content/uploads/2019/09/ein-button-mit-slide-n-hover-effekt-programmieren.jpg)
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…
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…
Im heutigen Video gehts um die einfache Frage, wie man denn einen Titel in einem Blogbeitrag mit einem Schatten verschönern kann. Als erstes definiert ihr einen Titel und packt ihn zb in einen H3-Tag ein Das Pferd frisst kein Gurkensalat <h3…
Ich habe euch ja schon öfters hier Tipps und Tricks zu CSS (Cascading Style Sheets) gezeigt. Ich habe euch aber nie wirklich gezeigt, wo man den CSS in WordPress einbauen kann und das möchte ich heute nun nachholen. In meinem neuesten Video auf Youtube (Ja genau ich…
