How do I have props trigger a CSS animation but delay the prop from actually hitting the rendered jsx?

Question

I have a child component for a die that receives props from it\'s parent for which face to display. When the die receives new props, I want the circles on the die to animate