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.