以下のリンクでは、同じサイズの画像を円周上に並べて回転させています
ところが意図と反して配置された「番号画像」の位置が
ラッパー要素の中心から大きく違ってしまいます。
6〜10あたりは円周直下あたりを周回しますが
その他の番号の画像は周回半径が短っくなってしまい
円の中心に寄ったところを周回しています
画像サイズや指定条件は全く同じなのに
どうしてこのような差が生まれてしまうのでしょうか?
解決する方法はあるでしょうか?
CSS
1.stamp .circle span { 2 height:160px; /* 回転半径 */ 3 width: 40px; 4 position: absolute; 5 display: inline-block; 6 left: 0; 7 bottom: 0; 8 -webkit-transform-origin: bottom center; 9 transform-origin: bottom center; 10}
回答1件
あなたの回答
tips
プレビュー