Ich habe eine Datei von einem Designer erhalten, den ich entwickeln muss. Sie fragen mich ein gekrümmtes/wölbt Menü zu tun:Gekrümmtes Menü in CSS
Ist das möglich zu schaffen? Ich bin noch nie auf so etwas gestoßen und bin verwirrt darüber.
Ich habe eine Datei von einem Designer erhalten, den ich entwickeln muss. Sie fragen mich ein gekrümmtes/wölbt Menü zu tun:Gekrümmtes Menü in CSS
Ist das möglich zu schaffen? Ich bin noch nie auf so etwas gestoßen und bin verwirrt darüber.
Möglicherweise können Sie es mit canvas
zu tun. Siehe die Antwort auf Is there a way to curve/arc text using CSS3/Canvas für eine Probe. Beachten Sie, dass canvas
nicht von IE8 und früher unterstützt wird, aber ansonsten in modernen Browsern weitgehend unterstützt wird.
Sie können auch dieses Tutorial auf drawing a sine wave with canvas
betrachten, da das Menü in Ihrem Bild etwas sinusförmig ist.
Das ist jedoch eine Menge Arbeit für so etwas. Stattdessen können Sie einfach ein großes Bild erstellen und ein map
Element verwenden, um eine Imagemap zu erstellen.
Sie könnten es auch aus einer Reihe kleiner Bilder konstruieren.
Dies ist mit CSS überhaupt nicht möglich. Es müsste mit geschnittenen Bildern oder in Flash erstellt werden.
Ich denke, es ist möglich mit CSS3 und sogar IE-Filter, obwohl schwierig. Zumindest der Textteil. –
Ich benutze WordPress, um die Seite zu entwickeln, also denke ich, dass das Schneiden der Bilder nicht möglich ist, weil ich ihr dynamisches Menü verwenden werde. – joshzee
dann glaube ich nicht, dass es möglich ist. Wenn Sie sich @ Trotts Antwort über Canvas ansehen und eine Sinuskurve zeichnen, können Sie es vielleicht in Gang setzen, aber es wird definitiv eine Menge Arbeit erfordern, wahrscheinlich mehr als es wert ist. – CoreyRS
Sie können schauen Sie in Beispielen rotation
Unterkunft CSS3:
https://www.google.com/search?q=css+rotate
Schneiden Sie es in kleinere Bilder anstelle von Text eine Option? –