Echtes Insider-Wissen ohne Werbung und Gastbeiträge
css animtation elementor trennlinie form

Elementor Shape Divider animieren

Inhaltsangabe

Du wirst nicht glauben, wie einfach es ist die Shape Divider, bzw. auf Deutsch „Trennlinie Form“ auf Elementor Websites zu animieren. Unten siehst du ein Beispiel. Füge dazu einfach in das Custom CSS folgendes Snippet ein:
				
					body { overflow-x:hidden; } 
.elementor-shape-bottom, 
.elementor-shape-top 
{ 
    animation: wave 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; 
    width: 220%; 
} 
@keyframes wave { 
    0% { margin-left: 0; } 
    50% { margin-left: -1200px; } 
    100% { margin-left: 0px; } 
}
				
			

Kommentare

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Beiträge zu ähnlichen Themen

Newsletter abonnieren

Wenn du willst, schicke ich dir gern eine E-Mail, wenn ich einen neuen Beitrag veröffentliche. Es kommt kein Spam. Nur nützliche Infos und Freebies für Menschen mit Websites. Versprochen.

Blog Abo Formular
Ich nutze keinen externen Anbieter und speichere und nutze deine Daten ausschließlich, wie in meinen Datenschutzhinweisen beschrieben. Du kannst dich jederzeit wieder abmelden.
Stay in the loop

Neue Beiträge, Vorlagen und Freebies in deinem Posteingang

Ca. ein mal pro Monat.

Blog Abo Formular

Ich speichere und nutze deine Daten ausschließlich wie in meinen Datenschutzhinweisen beschrieben. Du kannst dich jederzeit wieder abmelden.