JV Webdesign BLOG

WordPress, SEO, Security, PageSpeed, CSS, How-To
css animtation elementor trennlinie form
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on email

Elementor Shape Divider animieren

Themen auf dieser Seite

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; } 
}
				
			

Teile das mit deinen Kollegen

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on email

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Diese Beiträge interessieren dich vielleicht auch