cssまたはjavascriptを使用してホバー回転効果を作成したいのですが、通常のように中心から回転するのではなく、正方形の左上の点から回転させたいと思います。
正方形はホバーすると90度回転し、マウスを離すと元に戻ります。正方形がはためくのを避けるためにホバーエリアを広げることはできますか（絶えず繰り返します）。
私はひどい図を使って私の思考過程を示しようとします、十字は回転点です。
_________
| |
| + |
| |
---------
これに：
+--------
| |
| |
| |
---------
どうもありがとう