Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ¿Como invertir border-radius?

Estas en el tema de ¿Como invertir border-radius? en el foro de CSS en Foros del Web. Veréis tengo un problema, en el que necesitaría hace lo que sería la parte exterior de un circulo. En otras ocasionoes hubiese cogido una imagen ...
  #1 (permalink)  
Antiguo 07/03/2014, 04:14
 
Fecha de Ingreso: septiembre-2008
Ubicación: Valencia
Mensajes: 160
Antigüedad: 15 años, 7 meses
Puntos: 2
¿Como invertir border-radius?

Veréis tengo un problema, en el que necesitaría hace lo que sería la parte exterior de un circulo. En otras ocasionoes hubiese cogido una imagen o un div contiguo con el color del fondo que se sobre pusiese, pereo tengo el problema de que el fondo es un degradado y el menú siempre estará visible, por lo que al desplazarse por la página cambiará el fondo y estas soluciones no me sirven.

¿Hay alguna manera de hacer este efecto de mostrar la parte exterior de un circulo dentro de lo que seria un cuadrado?

Lo siento si no se entiende bien, pero no se como explicar este efecto.
__________________
Siempre inmerso en nuevos proyectos.

Cuando estoy activo puedes verme en //LiveCoding
  #2 (permalink)  
Antiguo 07/03/2014, 11:41
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.880
Antigüedad: 22 años, 3 meses
Puntos: 193
Respuesta: ¿Como invertir border-radius?

Yo usaria :after y :before con shapes, algo así:

http://jsfiddle.net/FsMF8/
  #3 (permalink)  
Antiguo 08/03/2014, 18:07
 
Fecha de Ingreso: septiembre-2008
Ubicación: Valencia
Mensajes: 160
Antigüedad: 15 años, 7 meses
Puntos: 2
Respuesta: ¿Como invertir border-radius?

Gracias, ni sabía que existía ese tipo de estilo, es justo lo que necesitaba. La verdad es que no suelo trabajar mucho con CSS, cuando los necesito recurro a otras personas, nunca se me ha dado muy bien el diseño.
__________________
Siempre inmerso en nuevos proyectos.

Cuando estoy activo puedes verme en //LiveCoding

Etiquetas: color, efecto, invertir, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:36.