Un diseñador me ha proporcionado un archivo que debo desarrollar. Me están pidiendo que haga un menú curvada/arqueando:Menú Curvo en CSS
Es esto posible crear? Nunca me he encontrado con algo como esto antes y estoy desconcertado por el hecho de acercarme a esto.
que podría ser capaz de hacerlo con canvas. Consulte la respuesta al Is there a way to curve/arc text using CSS3/Canvas para obtener una muestra. Tenga en cuenta que IE8 y versiones anteriores no son compatibles con canvas, pero de todos modos es bastante compatible con los navegadores modernos.
Quizás también desee consultar este tutorial en drawing a sine wave with canvas ya que el menú en su imagen es un poco sinusoidal.
Sin embargo, eso es mucho trabajo para algo como esto. En su lugar, puede hacer que sea una imagen grande y usar un elemento map para hacer un mapa de imagen.
También podría constuirlo de una serie de pequeñas imágenes.
Esto no es posible usando CSS en absoluto. Tendría que crearse usando imágenes cortadas o hecho en flash.
Creo que es posible con CSS3 e incluso filtros IE, aunque es difícil. Al menos la parte de texto. –
Estoy usando wordpress para desarrollar el sitio, así que supongo que cortar las imágenes no será posible porque utilizaré su menú dinámico. – joshzee
entonces no creo que sea posible. Si miras la respuesta de @Trott sobre el lienzo y dibujas una onda sinusoidal, es posible que puedas ponerlo en marcha, pero definitivamente requerirá mucho trabajo, probablemente más de lo que vale. – CoreyRS
se puede mirar en los ejemplos usando la propiedad de CSS3 rotation:
https://www.google.com/search?q=css+rotate
¿Cortarlo en imágenes más pequeñas en lugar de usar una opción de texto? –