Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Kase en 15 Noviembre 2012, 07:44 am



Título: borde de un div decorado...
Publicado por: Kase en 15 Noviembre 2012, 07:44 am
(http://img856.imageshack.us/img856/2432/capturadepantallade2012s.png)

alguien tiene idea de si es posible con html5 y css3 hacer este tipo de decorados? me refier a la ¿muesca? azul del div.  se hacerlo con imagenes, pero la verdad entre  editar una pekeña imagen y subirl al servidor y poner el link, y que luego el color no coincida  a escribir codigo css3 prefiero  escribir el codigo.. xD


Título: Re: borde de un div decorado...
Publicado por: #!drvy en 15 Noviembre 2012, 07:49 am
Código
  1. http://www.sitepoint.com/pure-css3-ribbons/

También tienes un generador.
Código
  1. http://www.css3d.net/ribbon-generator/

Saludos


Título: Re: borde de un div decorado...
Publicado por: Kase en 15 Noviembre 2012, 09:28 am
gracias.. al final solo use un generador d triangulos

Citar
<div style='position: absolute;left: 250px;top:80px;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 0 0;border-color: #236875 transparent transparent transparent;'></div>

y le di posicion absuluta a la esquina inferior del div padre...

funciono perfecto..   me oriento bastante tu ayuda..