画像をCSS3のrotateXとJavaScriptでくるくる回転させる方法

Yahoo!Japanを見ていたらYahoo!Japan 祝 2020東京五輪という特設ページが作成されていて画像がくるくると回転していた。

画像をX軸でくるくる回転させる方法としてCSS3のtransform: rotateXがあるが実際に使用されるのはめずらしい。ヤフーでは回転させたいところにCSSのclassを追加することで時間差でアニメーションを動かしている。