Me aburría...

Aquí tienes el code:
Código CSS:
Ver original#triangle {
width: 0px;
height: 0px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid red;
}
mmm... Es bastante divertido: Si quieres que vaya hacia el otro lado no hace falta decir que tienes que cambiar border-
bottom por border-
top. Saludos!