ラフスケッチはこちらのフィドルにあります。div の高さと幅の値をハードコーディングせずにそれを実現する方法はありますか?
質問する
48 次
2 に答える
2
を使用して、回転するポイントを定義できますtransform-origin。
-webkit-transform-origin: 0% 100%;
これにより、要素が左下の点を中心に回転します。デフォルトでは、これは要素の中心 (50% 50%) に設定されています。
于 2012-11-21T02:48:34.373 に答える
2
これがtransform-origin助けになるはずです。
私はあなたのフィドルを見てきました。divを絶対に配置する必要がありますか? そうでない場合は、に設定transform-originする0 0だけで機能します。(これはあなたが望む方法だと思います: http://jsfiddle.net/Actss/17/ )
を div から削除すると、2 番目の の左上隅が最初の の左下隅position: absoluteに確実に接触します。2 番目の回転を同じポイントで ( を使用して) 行うと、必要な効果が得られます。divdivdivtransform-origin
于 2012-11-21T02:49:24.187 に答える