Background animation does not work on Microsoft Edge

Question

Background animation does not work on Microsoft Edge

Navigation

#1 by (1 votes)

0

I tested the code in Chrome and it worked normally, does anyone know what this is ??

body{
	background-image: url("blo.jpg");
	background-position: center center;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation-name: animac;
	animation-iteration-count: infinite;
	animation-duration: 60s;
}
@keyframes animac{
	0%{
		background-image: url("blo.jpg");
	}
	20%{
		background-image: url("bla.jpg");
	}
	40%{
		background-image: url("ble1.jpg");
	}
	60%{
		background-image: url("bli.jpg");
	}
	80%{
		background-image: url("ble.jpg");
	}
	100%{
		background-image: url("blo.jpg");
	}
}

css microsoft-edge

asked by anonymous 11.07.2017 / 21:08

1 answer

Block PHP page access by URL | Doubts about their safety Deploy to heroku after reinstalling Ubuntu

score 1 · Accepted Answer

You are using the Web Animations API to create your animations. It is not yet standard for all browsers, as seen here. Microsoft is still considering insertion of it in future versions of Edge.

If you really need your project, you can include the API in your project to use its resources. The Web Animations API Project is available on github . Hope this helps.