This is a snippet of my code that includes a CSS animation. You can view the live version on JsFiddle here.
When I open the JsFiddle link in IE, everything works perfectly as intended.
However, when I try to run the same code locally, I encounter issues with how it renders:
I am using IE11 as my browser.
Here is the snippet of CSS code causing the problem:
#loading {
/* CSS properties */
}
/* More CSS code */
@keyframes expand {
/* Keyframe animations */
}
I have attempted to troubleshoot the issue specifically for Internet Explorer which explains why it runs smoothly on JsFiddle but not on localhost.
Any suggestions on what steps I should take next to resolve this would be greatly appreciated.
Edit html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="loading.css"/>
</head>
<body>
<div id="loading"><strong>loading...</strong><span></span></div>
</body>
</html>