Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Caja con forma de flecha

Estas en el tema de Caja con forma de flecha en el foro de CSS en Foros del Web. Saludos! Quería hacer una caja como la que sale en el google chrome en las aplicaciones de google y las notificaciones del google+. Pero no ...
  #1 (permalink)  
Antiguo 25/05/2014, 20:05
Avatar de felipelvrd  
Fecha de Ingreso: diciembre-2012
Mensajes: 28
Antigüedad: 11 años, 11 meses
Puntos: 0
Caja con forma de flecha

Saludos!

Quería hacer una caja como la que sale en el google chrome en las aplicaciones de google y las notificaciones del google+.

Pero no tengo ni idea de como hacer la punta que tiene la caja en el medio


Use un div y con css le di forma de caja, esta a como quiero excepto por la flecha, alguien tiene idea de como hacerla? en mi caso ocupo que la flecha solo este en el medio de la caja.

aquí esta el css que tengo para la caja:
Código:
.caja {
	margin: 2%;
	padding: 2%;
	margin-bottom: 25px;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 3px #000000;
	-webkit-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;
	text-align: center;
	display: inline;
}
  #2 (permalink)  
Antiguo 25/05/2014, 20:51
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Caja con forma de flecha

Acá encontré algo que puede serte de mucha ayuda para lo que buscas.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 26/05/2014, 08:21
Avatar de felipelvrd  
Fecha de Ingreso: diciembre-2012
Mensajes: 28
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: Caja con forma de flecha

excelente, con eso lo solucioné.

Etiquetas: caja, google
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 21:40.