I've been trying to create a pulsating effect for my text using the code below, but for some reason, it's not working in Chrome. Can anyone help me figure out what I'm doing wrong?
.item{
-webkit-animation: caMenuTextOut 600ms ease-in-out;
-moz-animation: caMenuTextOut 600ms ease-in-out;
animation: caMenuTextOut 600ms ease-in-out;
}
@keyframes caMenuTextOut {
0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(2);
}
100% {
opacity: 1;
transform: scale(1);
}
}