Results for „css“

Divi Bild zu Text vertikal zentrieren

Divi Bild zu Text vertikal zentrieren

Eines der wohl bekannteste Kombinationen im Webdesign ist wenn auf der einen Seite ein Bild ist und auf der Seite daneben ein Text steht. Nun ist es ja so, dass dabei oft eines der Elemente grösser als das andere ist. Heute zeige ich euch wie ihr das kleinere Element…

Textanimation selber machen in nur wenigen Schritten!

Textanimation selber machen in nur wenigen Schritten!

Heute zeige ich euch wie ihr mit Javascript eine coole Text Animation erstellen könnt und dafür müsst ihr nicht mal GSAP oder sonst was installieren, sondern es ist reines Javascript. Jetzt wisst ihr also wie ihr so einen coolen Text Effekt ohne Plugin, Bilbliothek oä…

DIVI Full Screen Mega Menu ohne Plugin erstellen

DIVI Full Screen Mega Menu ohne Plugin erstellen

Ich habe ja schon mal gezeigt wie man in DIVI ein Full Screen Mega Menu (DIVI Full Screen Menu erstellen) erstellen kann. Damals konnte man die Seite aber nicht designen sondern man konnte nur Farben ändern. Es lief alles über das normale Menu Modul ab. In der…

Spekulatives Laden: So optimierst du deine Webseite richtig

Spekulatives Laden: So optimierst du deine Webseite richtig

Vor knapp 1 Woche gab es die neue WordPress-Version 6.8 (WordPress 6.8 „Cecil“ wurde veröffentlicht) und damit sind nicht nur viele Gutenberg-Updates gekommen, sondern es gab auch eine neu eingeführte Funktion namens Speculative Loading oder auf Deutsch Spekulatives…

Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp

Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp

Wo ist die nächstgelegene Filiale meines Unternehmens, wo ist der nächste Coiffeur, wie komme ich am schnellsten zum Bodensee? Das sind alles Fragen die vielleicht für eure Webseiten interessant sind und die ihr so oder ähnlich euren Besuchern stellen möchtet. Dafür…

Divi Menu – wie trennt man die Menupunkte voneinander?

Divi Menu – wie trennt man die Menupunkte voneinander?

Im heutigen Beitrag über DIVI möchte ich euch zeigen wie man ein Menu in 2 Teile trennen kann. Jetzt müsst ihr nicht mehr das ganze in 2 Spalten trennen und 2x Menu einbauen und einmal nur ein Menu machen für Mobile… Ist doch immer wieder schön zu sehen, was man…

DIVI Blog Design – Artikel als Liste

DIVI Blog Design – Artikel als Liste

Wenn man das Blog Modul in Divi verwendet dann gibt es 2 Desgin Auswahlmöglichkeiten, entweder zeigt man die Blogbeiträge im Grid an oder in der vollen Breite-Ansicht. Mit diesem kleinen Trick bekommt ihr eine weitere Einstellungsmöglichkeit und zwar könnt ihr jetzt…

Buchstaben mit GSAP animieren

Buchstaben mit GSAP animieren

Mit GSAP kann man viel anstellen und im heutigen Video zeige ich euch wie man Buchstaben animieren kann. Damit kann auch sehr viel witziges machen, Buchstaben die sich bewegen und drehen oder ganz verschwinden. Video GSAP <script…

GSAP Split-Screen Magic: Eine Seite FIX – die andere Scrollt!

GSAP Split-Screen Magic: Eine Seite FIX – die andere Scrollt!

Heute zeige ich euch einen coolen Effekt, den ich lange gesucht habe. Und zwar wird es so ein Split Screen Effekt, wo eine Seite der Webseite irgenwann fixiert wird und der Rest ist weiter scrollbar. Dieser Effekt ist perfekt wenn man etwas erklären möchte, oder viel…

Divi Dropdown Menubreite automatisch anpassen

Divi Dropdown Menubreite automatisch anpassen

Manchmal ist es so dass die Breite eines Menu in Divi zu klein ist, dann gibts es diese hässlichen Zeilenumbrüche im Menu. Sowas will aber eigentlich niemand. Jetzt kann man anfangen mit der Schriftgrösse rumzuspielen oder versuchen die Namen zu verkürzen – aber…

Geniales GSAP Scroll-Feature: Vertikal → Horizontal → Vertikal

Geniales GSAP Scroll-Feature: Vertikal → Horizontal → Vertikal

Habt ihr euch schon mal gefragt wie man es hinbekommt, dass wenn man auf der Maus nach unten scrollt man am Bildschirm aber seitwärts verschiebt (seitwärts-scrollt) und erst später wieder weiter nach unten kommt? So eine Art Zick Zack Scrolling? Mit so einem Effekt…