hoverstate auf diagonal jquery Gitter

Ich versuche, dieses Raster zu erstellen:hoverstate auf diagonal jquery Gitter

grid example

ich einige html gemacht mit jQuery generiert haben und gedreht, dass mit jQuery.rotate. Jetzt überlappen sich meine divs und verursachen ein Problem in meinem Hover-Zustand.

Konnte keine Frage finden, die so aussieht, hat jemand so etwas schon einmal gemacht?

Wenn Sie in den Code suchen müssen, kann ich die HTML/CSS und Javascript. Weil es ziemlich viel Code ist, werde ich das auf Anfrage tun.

Quelle

2012-04-13 Blaater

gut Stapeln zu viele Tauchgänge übereinander ist nicht diese gute Idee, wie ich denke .. Warum versuchst du nicht mit Svg statt .. die sind für eine solche Situation gemacht .. aber wenn Sie noch wollen mit divs sein dann uns bitte zeigen Sie den Code für Ihr Projekt .. :)

Quelle

2012-04-13 18:24:59 rainykeys

Niemals zuvor Svg verwendet, aber ich habe schon einige Zeichnungen mit dem Canvas-Element gemacht. Dies muss auch in IE 7 und 8 funktionieren, so dass die Zeichenfläche diesmal nicht verwendet werden kann. Ich werde es mir ansehen und sehen, ob ich es herausfinden kann. Ich hoffe, es wird funktionieren, um es interaktiv mit Tooltips und anderem zu machen. Vielen Dank! – Blaater

kein Problem .. und btw es funktioniert sicher mit jeder Sache, sie sind behandelt wie und andere Elemente .. – rainykeys

Hallo, ich fand dieses tolle jQuery-Plugin, das sehr gut funktioniert :) http://keith-wood.name/svg .html – Blaater

Warum Sie CSS nicht verwenden verwandeln drehen für jeden Block mit absoluter Positionierung und dann können Sie jQuery verwenden oben zu setzen und linke Eigenschaften von allen auf Ihrem Gitter. Ich habe etwas Ähnliches auf http://neolab.no/ gefunden. Hier verwendeten sie auch Medienabfragen, um jeden Block neu zu positionieren.

Quelle

2013-05-03 14:28:05 RipCorP

hoverstate auf diagonal jquery Gitter

Antwort

Verwandte Themen