1

下の画像に示すように何かを作る方法はありますか http://img338.imageshack.us/img338/6953/rotanim1.gif

2 つの完全な高さの div と 50% の幅。中央の div には、境界線上の半径があります。テキストは各 div にオーバーレイされます。リンクをクリックすると、jqueryアニメーショントリックを作成したい1番目の右側全体が左：0pxになります。黒い左側についても同じです-その後、すべてが完全に右になります。

-webkit-transform: (XXdeg) を作成しようとしましたが、div 内のテキスト全体も回転されます。私はCSSボーダートリックを試してみましたが、それは良い考えではないと思います.

この場合の解決策はありますか？私の英語でごめんなさい。私の考えを理解していただければ幸いです:)

4

1 に答える 1

0

cssで斜めの形状を使用できるようにするための多くのトリックがあります（たとえば、これを参照してください）。

したがって、おそらくcss + jsを使用して同様の効果を実行するソリューションを構築できますが、実際には、これは維持が難しく、わずかな進化をサポートしません。

あなたの場合、SVGまたはキャンバスを使用することをお勧めします。javascriptを使用すると、両方の種類のソリューションを簡単かつ正確に制御できます。また、必要に応じて、z-indexを使用して他のhtml/css要素を表示することもできます。

于 2012-06-21T10:46:54.410 に答える