Я создал модал с помощью Bootstrap, который появляется при возникновении ошибки. Ошибка может быть вызвана много раз, пока модал все еще открыт. Прямо сейчас модал просто остается там. Я хотел знать, есть ли способ создать эффект отскока на модале, когда ошибка вызывается снова и снова, что позволяет пользователю знать, что они вызывают ту же ошибку снова и снова.

Вам нужно будет удалить / добавить класс, который дает эффект отказов при каждой ошибке …, поскольку в вашем вопросе не было никакой специфики, я добавил в модал кнопку, которую вы можете нажать, чтобы увидеть это удаление / добавление класса отказов.

рабочий фрагмент ниже:

$("#makeBounce").click(function() { $(".modal-content").removeClass('bouncer'); setTimeout(function() { $(".modal-content").addClass('bouncer'); }, 50); }); 
 .bouncer { animation: bounce 2s ease-in-out; } @keyframes bounce { 10% { margin-top: 10%; border: 1px solid red; } 50% { margin-top: -20%; border: 1px solid blue; } 90% { margin-top: 0%; border: 1px solid green; } } .modal-backdrop.show { display: none; } 
 {amp}lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"{amp}gt; {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div class="container"{amp}gt; {amp}lt;h2{amp}gt;Modal Example{amp}lt;/h2{amp}gt; {amp}lt;!-- Button to Open the Modal --{amp}gt; {amp}lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"{amp}gt; Open modal {amp}lt;/button{amp}gt; {amp}lt;br/{amp}gt; {amp}lt;!-- The Modal --{amp}gt; {amp}lt;div class="modal" id="myModal"{amp}gt; {amp}lt;div class="modal-dialog"{amp}gt; {amp}lt;div class="modal-content bouncer"{amp}gt; {amp}lt;!-- Modal Header --{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title"{amp}gt;Modal Heading{amp}lt;/h4{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal"{amp}gt;{amp}amp;times;{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal body --{amp}gt; {amp}lt;div class="modal-body"{amp}gt; Modal body.. {amp}lt;br/{amp}gt; {amp}lt;button type="button" class="btn btn-danger" id='makeBounce'{amp}gt;click me to trigger error{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal footer --{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;button type="button" class="btn btn-danger" data-dismiss="modal"{amp}gt;Close{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;