Главная » DARYA DLE » Готовые дизайны » Пульсация на чистом css
1 197 0  

Пульсация на чистом css

Пульсирующую кнопку на чистом css  можно использовать для привлечения внимания на Вашем сайте, цвет и размер меняем в стилях.

Пример кнопки - Пульсация:

 

html + css:

<div>
<s class="pulsse">&nbsp;</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


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2021