Como hacer algo igual a esta pagina

[andoencombi]

Hola Amigos, quisiera hacer algo igual o similiar a esta pagina, http://pooliestudios.com/projekte/

Osea tener una imagen circular y que cuando haga un hover, que me aparezca un color de fondo mas o menos transparente.

Ojala y me puedan ayudar!!

[pzin]

Para la imagen redonda:

Código CSS:

border-radius: 50%;
 

Y para el color de fondo transparente puedes usar rgba() o hsla(), que en ambos casos a es el canal de transparencia, que va de 0 a 1:

Código CSS:

background-color: rgba(200,50,100,0.3);
 

[andoencombi]

Si funciona pero el background se queda detras de la imagen, alguna solucion?

[kspr]

con :before y transiciones css3 obtienes eso

aca te dejo un codigo que hize de ejemplo

[andoencombi]

Me podrias decir donde esta el ejemplo?

[master007]

Es con una propiedad llamada radius de ccs3