Initially, this script is found in the document's head section.
<script>
document.addEventListener("DOMContentLoaded", function () {
var e, t = document.querySelectorAll("div.bounceInDown");
for (var n = 0, r = t.length; n < r; n++) {
e = Math.round(Math.random() * 7e3) + "ms";
t[n].style.animationDelay = e;
t[n].style.WebkitAnimationDelay = e
}
}, false)
</script>
I have a custom class named "bounceInDown" that defines a keyframe animation. All div elements with this class should bounce downward upon page load. The script assigns random delays to each element for a unique effect. However, the animation does not work when using Internet Explorer. What could be causing this issue?
This functionality is supported on all browsers except IE.