javascript - 対角jqueryグリッド上のホバーステート

Question

私はこのグリッドを作成しようとしています：

jQueryで生成されたhtmlを作成し、jQuery.rotateで回転させました。これで、divが互いに重なり合って、ホバー状態に問題が発生します。

このような質問は見つかりませんでした。以前にこのようなことをした人はいますか？

コードを調べる必要がある場合は、html/cssとjavascriptを投稿できます。かなりのコードなので、リクエストに応じて行います。

Answer 1

あまりにも多くのダイビングを積み重ねるのは、私が思うように良い考えではありません..代わりにsvgを使用してみませんか..それらはそのような状況のために作られています..しかし、それでもdivを使用したい場合はどうぞプロジェクトのコードを見せてください..:)

Answer 2

絶対位置で各ブロックにcsstransform -rotateを使用してみませんか。その後、jQueryを使用して、すべての上部と左側のプロパティをグリッドに設定できます。http://neolab.no/で似たようなものを見つけました。ここでは、メディアクエリを使用して各ブロックを再配置しました。