[Solved] How can I add a pulsating animation to my menu button [closed]

by


box-shadow is invalid. it takes the following values. Only 4 values and a color.

box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];

Also rgba colors don’t work with Hex codes, it only accepts numbers which is a color range (0 – 255) for each red/green/blue schema.

Here is a correct css for your keyframes

@keyframes pulse{
    0%
    {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
    }
    40%
    {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, .7);
    }
    80%
    {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, .7);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
    }
}

1

solved How can I add a pulsating animation to my menu button [closed]