Para los que apenas están aprendiendo a utilizar CSS3, esta herramienta web llamada CSS3 Shapes te será de mucha utilidad, ya que cuenta con una colección de 20 formas geométricas como los son: cuadrados, círculos, trapecios, estrellas, triángulos, corazón, óvalos, rombos y muchos más, donde cada figura contendrá su código de estilo CSS para copiar y colocar en tu sitio web de manera fácil y sencilla.
Claro esta, que para estar aprendiendo, podrás modificar el estilo ya sea cambiando el ancho, largo, fondo, posición, etc. para que vallas viendo como va quedando la figura.
Enlace | CSS3 Shapes
BajaWallpapersHD
Estos elementos son clickables para alguna funcion js?
Hice la prueba con un triangulo y js no me detecta el evento de click