Пульсация на чистом css
Пульсирующую кнопку на чистом css можно использовать для привлечения внимания на Вашем сайте, цвет и размер меняем в стилях.
Пример кнопки - Пульсация:
html + css:
<div>
<s class="pulsse"> </s>
</div>
<style>
.pulsse {display: block; width: 22px; height: 22px; border-radius: 50%; background: #cca92c; cursor: pointer; box-shadow: 0 0 0 rgba(204,169,44, 0.4); animation: pullse 2s infinite;}
.pulsse:hover {animation: none;}
@keyframes pullse {
0% {box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);}
40% {box-shadow: 0 0 0 20px rgba(204,169,44, 0);}
100% {box-shadow: 0 0 0 0 rgba(204,169,44, 0);}
}
</style