Witajcie,
mam problem z zdjęciem animacji z elementu html <i> poprzez javascript, udaje mi sie zdjąć z niego wcześniej ustanowiony kolor, lecz wcześniej ustanowiona animacja pozostaje.
część kodu ustawiająca animacje:
<script>
var bell = document.querySelector(".bell");
bell.style.color = "red";
bell.style.animation = "ring 4s .7s ease-in-out infinite";
bell.style[-webkit-animation] = "ring 4s .7s ease-in-out infinite";
bell.style[-moz-animation] = "ring 4s .7s ease-in-out infinite";
</script>
Część kodu, która powinna zdjąć animację, lecz zmienia tylko kolor z czerwonego na biały:
var bell = document.querySelector(".bell");
bell.style.color = "white";
bell.style.animation = "none !important";
bell.style[-webkit-animation] = "none !important";
bell.style[-moz-animation] = "none !important";
Proszę o podpowiedź jak rozwiązać takie działanie.