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; }