Заморозка дивов?

Question

[ch1ps01]

#stone {
    width: 40px;
    height: 40px;
    background-image: url("images/stone.png");
    background-size: 40px 40px;
    position: relative;
    top: 60px;
    left: 790px;
    animation: stoneMove 1s infinite linear;

@keyframes stoneMove {
    0% {
        left: 790px;
    }
    100% {
        left: -20px;
    }
}

короче, у объекта есть анимация, на нём стоит другой блок с скрытым свойством, при определённых условиях он стаёт виден, но суть в том, что сам див stone продолжает двигаться, как его грубо говоря "заморозить"? Условно говоря, при вызове alert, все блоки перестают само собой двигаться, как мне такой эффект получить в этом случае можно на js?

Answer 1

[Вадим]

https://developer.mozilla.org/en-US/docs/Web/CSS/a...
https://stackoverflow.com/questions/5804444/how-to...