import { css , keyframes } from "otion" ; import * as React from "react" ; const pulse = keyframes ( { from : { opacity : 1 } , to : { opacity : 0 } , } ) ; export default function Home ( ) { return ( < > < p className = { css ( { color : "blue" } ) } > I am blue < /p> < p className = { css ( { color : "blue" , ":hover" : { animation : `${ pulse } 3 s infinite alternate `,
            },
        })}>
				I am also blue, reusing the CSS class injected by my sibling
			</p>
		</>);
}
