Mi è stato fornito un file da un designer che sono tenuto a sviluppare. Mi stanno chiedendo di fare un menu curva/inarcando:Menu Curvo in CSS
Questo è possibile creare? Non mi sono mai imbattuto in qualcosa di simile prima e sono sconcertato nell'affrontare questo.
Potreste essere in grado di farlo con canvas. Vedere la risposta a Is there a way to curve/arc text using CSS3/Canvas per un campione. Si noti che canvas non è supportato da IE8 e versioni precedenti, ma è altrimenti ampiamente supportato nei browser moderni.
Si potrebbe anche voler guardare questo tutorial su drawing a sine wave with canvas poiché il menu nell'immagine è in qualche modo a forma di onda sinusoidale.
Anche se per qualcosa di simile, però, c'è molto lavoro. Invece, puoi semplicemente renderlo un'immagine grande e utilizzare un elemento map per creare una mappa immagine.
È inoltre possibile eseguire la costellazione di una serie di piccole immagini.
Questo non è possibile utilizzando il CSS. Dovrebbe essere creato usando le immagini affettate o fatto in flash.
Penso che sia possibile con i filtri CSS3 e persino IE, anche se difficili. Almeno la parte del testo. –
Sto usando wordpress per sviluppare il sito, quindi immagino che tagliare le immagini non sarà possibile perché userò il loro menu dinamico. – joshzee
quindi non credo sia possibile. se guardi la risposta di @ @ Trott sulla tela 'e attingendo a un'onda sinusoidale potresti essere in grado di farlo funzionare, ma ci vorrà sicuramente molto lavoro, probabilmente più di quello che vale. – CoreyRS
si può guardare in esempi utilizzando proprietà di CSS3 rotation:
https://www.google.com/search?q=css+rotate
Lo si affetta in immagini più piccole invece di utilizzare il testo un'opzione? –