I have a css animate,very simple:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.animateDiv{
width: 150px;
height: 150px;
background-color: aquamarine;
animation: test 3s;
}
@keyframes test
{
from {margin-left: 0}
to {margin-left: 50%}
}
@-moz-keyframes test /* Firefox */
{
from {margin-left: 0}
to {margin-left: 50%}
}
@-webkit-keyframes test /* Safari 和 Chrome */
{
from {margin-left: 0}
to {margin-left: 50%}
}
@-o-keyframes test /* Opera */
{
from {margin-left: 0}
to {margin-left: 50%}
}
</style>
</head>
<body>
<div id="animateDiv" class="animateDiv"></div>
</body>
</html>
when I put it in webbrowser 2016,it's perfect
when I put it in webbrowser 2017.2.14,it is very poor,the animation gets very laggy!I test EO.Total.2017.0.95.0,the same result occur
why?