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

Benachrichtigung per E-Mail

Willst du keinen meiner Posts verpassen? Dann trage dich hier ein. 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.

Beiträge zu ähnlichen Themen

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.