JV Webdesign BLOG

WordPress, Produktivität, Marketing, How-To
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

Newsletter abonnieren

Diese Beiträge interessieren dich vielleicht auch

Diese Website nutzt, wie in meinen Datenschutzhinweisen beschrieben, teilweise technisch erforderliche Cookies - keine Tracking- oder Werbe-Cookies.