CSS с импульсным эффектом вокруг кнопки не работает ⇐ CSS

[Anonymous]

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

Код: Выделить всё

#pulse {
width: 50px;
height: 100%;
}

#show {
float: left;
margin-top: -200px;
margin-left: 10px;
border: none;
height: 40px;
width: 40px;
box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
border-radius: 50%;
background: none;
cursor: pointer;
background-image: url('bilder/showleftside.svg');
background-repeat: no-repeat;
background-size: cover;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulse {
0% {
transform: scale(1, 1);
}
50% {
opacity: 0.3;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/477 ... ot-working