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

Schreibe einen Kommentar

Deine 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.

Newsletter Sign-up
Ich nutze keinen externen Anbieter und speichere und nutze deine Daten ausschließlich, wie in meinen Datenschutzhinweisen beschrieben. Du kannst dich jederzeit wieder abmelden.

Willst du meinen Newsletter?

Verpasse keine neuen Posts oder Freebies. Ich versende max. einen Newsletter im Monat. Kein Spam. Versprochen.

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