Foros del Web » Creando para Internet » CSS »

Ayudarme con CSS y figuras geométricas.

Estas en el tema de Ayudarme con CSS y figuras geométricas. en el foro de CSS en Foros del Web. Ayudarme por favor asignarle el 100% de alto (height) a un trapecio para cubrir toda la pagina html y ponerle una imagen a la figura ...
  #1 (permalink)  
Antiguo 08/08/2013, 19:00
Avatar de deleonnava  
Fecha de Ingreso: agosto-2013
Mensajes: 1
Antigüedad: 10 años, 8 meses
Puntos: 0
Sonrisa Ayudarme con CSS y figuras geométricas.

Ayudarme por favor asignarle el 100% de alto (height)
a un trapecio para cubrir toda la pagina html y ponerle una imagen
a la figura con css.

Código:
#trapezoid {
	border-bottom: 100px solid red;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 100px;
}

Última edición por pzin; 09/08/2013 a las 00:48 Razón: tamaño fuente
  #2 (permalink)  
Antiguo 09/08/2013, 00:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Ayudarme con css y figuras geométricas.

Uhm. Hacer figuras con CSS usando bordes tiene muchas limitaciones. De hecho yo casi sólo para hacer círculos y triángulos normalmente.

Para lo que quieres hacer, yo usaría una imagen SVG.
  #3 (permalink)  
Antiguo 09/08/2013, 12:51
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Ayudarme con CSS y figuras geométricas.

SVG o CANVAS
VML para version antiguas de explorer

Puedes usar raphaeljs, solo codeas y no te preocupas de soporte en navegadores

Saludos

Etiquetas: bordes, figuras
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 17:24.