Background animation CSS & SVG

animated backgrounds

Hello friends today in this article we will learn how to create Animated background using html css and SVG.

Add Keyframe

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

Add this CSS

Add this css code in your class.

animation: gradient 15s ease infinite;

Leave a Reply

avatar
  Subscribe  
Notify of