@Keyframes rules

I am working on an animation project in my CSS file and got working the way I needed it too, so I began to clean it up from being so DRY.

I have three keyframes names red, yellow and green and other than the background color, they share the same width and height. So I attempted to combine the three names with and with out commas and then listed the attribute values.

'''css @keyframes red, yellow, green { 0% { width: 165px; height: 0; } 100% { width: 165px; height: 165px; } } ''' and '''css @keyframes red yellow green { 0% { width: 165px; height: 0; } 100% { width: 165px; height: 165px; } } '''

When I do either one, my animation ceases to function.

Here's my inquiry. Can you have a keyframe with multiple names? If so, how?

Thanks! Larry