Problema com transition

[WictorP 9]

Na verdade o transition: simplesmente não pega em nenhum lugar do site.

Um dos código no qual quero usar transition:

 

.emblemas .frente {
    width: 60px;
    height: 60px;
    margin-top: -44px;
    border-radius: 2px;
    transition:background 0.5s;
}

.emblemas .frente:hover {
    background: rgba(0, 0, 0, 0.76);
}

Com o transition no CSS, o Hover simplesmente não acontece, não troca o background, se eu retirar o transition, vai normalmente, porém sem a animação.

 

Alguma solução?

[William Bruno 1501]

Tenta assim:

 

.emblemas .frente {
    width: 60px;
    height: 60px;
    margin-top: -44px;
    border-radius: 2px;
    -webkit-transition: background 0.5s;
       -moz-transition: background 0.5s;
        -ms-transition: background 0.5s;
         -o-transition: background 0.5s;
            transition: background 0.5s;
}

[WictorP 9]

Eu não sabia que o transition também tinha o -webkit-, -moz-, etc...

 

Vlw