Echtes Insider-Wissen aus 20 Jahren Webdesign-Praxis
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

Früher wissen, was andere zu spät merken

Das hier ist kein Newsletter. Sondern eine Einladung, von meinen seltenen AHA-Momenten und wichtigsten Learnings zu profitieren. 1–2 Mails im Monat – max. Kein Funnel. Kein Marketinggeschwurbel.
Newsletter Sign-up
Du kannst dich jederzeit wieder abmelden. Alles Weitere ist in meinen Datenschutzhinweisen.

Beiträge zu ähnlichen Themen