CSS3带过渡的背景图像动画

我有两个项目，一个带有img标签，另一个带有div标签（背景css）
我的img项目：
我的div项目：
我做了2个项目，因为img项目上圆圈的位置不是屏幕的中心，而div项目将以屏幕为中心：）
当我在img项目中将鼠标悬停在圆圈上时，圆圈将旋转并缩放。
在我的div项目中，圆不会旋转，它只会缩放。
我的问题是，如何在div项目上使其同时缩放和旋转？

---

对不起，我的语言：）我是新来的：）谢谢你观看了19次，但没有人回答：（132次观看没有身体回答-_-