Описание
input.button4 { position: relative; display: inline-block; width: 250px; height: 38px; font-family: Open Sans; font-size: 0.9em; font-weight: 650; color: rgb(245,245,245); text-shadow: 0 -1px rgba(0,0,0,.1); text-decoration: none; user-select: none; padding: .3em 1em; outline: none; border: none; border-radius: 3px; background: #107bb1; box-shadow: inset #107bb1 0 -1px 1px, inset 0 1px 1px #107bb1, #107bb1 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px; -webkit-animation: pulsate 1.0s linear infinite; animation: pulsate 1.0s linear infinite; } input.button4:hover { -webkit-animation-play-state: paused; animation-play-state: paused; cursor: pointer; } input.button4:active { top: 1px; color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05); } @-webkit-keyframes pulsate { 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;} } @keyframes pulsate { 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;} }