Todas las mentes comprar kamagra espana del mundo comprar levitra espana recomiendan comprar priligy espana prevenir problemas

Para hacer un buen ribbon en CSS tenemos que implementar la siguiente estructura:

<div class="ribbon">
     <div class="bottom-ribbon"></div>
</div>

y después añadirle los siguientes estilos:

.ribbon{
     /*--Esta parte puede variar en función de 
     dónde querámos situar nuestro ribbon,
     pero lo que sí tenemos que definir es 
     un position: absolute o relative--*/
     position: absolute;
     right: 50%;
     top: 0;
     margin-left:-1.25em;
     /*--Medidas del ribbon, pero si las
     modificas debes modificar también
     los valores de border de la otra
     clase--*/
     height: 2.5em;
     width: 1.5em;
     overflow: hidden;
     background:#222222;
}
.ribbon .bottom-ribbon{
     /*--Define el color sobre el que va
     a ir el ribbon, en este caso es blanco--*/
     border-bottom: .75em solid #FFFFFF;
     border-left: .75em solid transparent;
     border-right: .75em solid transparent;
     height: 0;
     left: 50%;
     margin-left: -.75em;
     margin-top: -.35em;
     position: absolute;
     bottom: 0;
     width: 0;
}
Categorías: CSS
Etiquetas:
Si necesitas una url corta puede usar: codygo.es/577

2 comentarios

  1. Robneyx dice:

    No me funciono, No tienes algún Ejemplo????

    Actualmente utilizo:

    http://thecodeplayer.com/walkthrough/single-element-pure-css3-double-fold-ribbon

    pero el problema es que forzozamente tienes que implementar JS , y estoy intentando hacer un tema para: «ecwid» y solo permite css .

    Alguna Idea???????

    de Antemano Gracias!…

Deja un comentario