Итак, я обновил вашу скрипку , чтобы включить функцию animate: complete. По сути это функция, вызываемая, когда анимация завершена. Скрипка, которую я собрал, работает только в первый раз, когда она вызывается, потому что она устанавливает фон в нечто иное, чем было изначально. По какой-то причине Chrome не хочет делать анимацию, затем снова установите CSS. Посмотрите, и вы поймете, что я имею в виду. Работает с первого раза, но не последующих попыток.
Я рекомендую использовать изображение для box-shadow или усовершенствовать скрипку, чтобы сбросить ее каждый раз, а не в первый раз.