jueves, 17 de febrero de 2011

Formas con CSS

Shapes una forma interesante de hacer formas con CSS a partir de un único elemento HTML. Por supuesto son las nuevas posibilidades que da CSS3 y por tanto es necesario un navegador "moderno". Os muestro unos ejemplos de su uso.


Circulo
#circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

Triangulo
#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

un saludo.