Как создать эффект дёргающейся кнопки на CSS?

Рейтинг: 0Ответов: 1Опубликовано: 16.03.2015

Делаю кнопку с дёргающимся эффектом, как на сайте. Скопировал код анимации для кнопки, но кнопка не работает.

Как можно создать такую же кнопку?

css html css3
Источник: Stack Overflow на русском

Ответы

▲ 2Принят

А кейфреймы скопировали?

Вот, с сайта примера они

<style type="text/css">
    @-moz-keyframes cycle {
        35% {transform: rotate(0) translate(0, 0);}
        40% {transform: rotate(5deg) translate(0, -2px);}
        45% {transform: rotate(-3deg) translate(0, -2px);}
        50% {transform: rotate(5deg) translate(0, -2px);}
        55% {transform: rotate(-3deg) translate(0, -2px);}
        60% {transform: rotate(5deg) translate(0, -2px);}
        65% {transform: rotate(-3deg) translate(0, -2px);}
        70% {transform: rotate(0) translate(0, 0);}
    }

    @-webkit-keyframes cycle {
        35% {transform: rotate(0) translate(0, 0);}
        40% {transform: rotate(5deg) translate(0, -2px);}
        45% {transform: rotate(-3deg) translate(0, -2px);}
        50% {transform: rotate(5deg) translate(0, -2px);}
        55% {transform: rotate(-3deg) translate(0, -2px);}
        60% {transform: rotate(5deg) translate(0, -2px);}
        65% {transform: rotate(-3deg) translate(0, -2px);}
        70% {transform: rotate(0) translate(0, 0);}
    }
</style>