Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá bom dia à todos estou com o seguinte problema:
Coloquei um transition em algumas divs nesta página:
http://gruporemax.com.br/index2.html
são os 3 botões azuis. no chrome eles funcionam perfeitamente com a transição porém no firefox não tem transição e eu já usei "-moz-transition"
Espero que alguém consiga me ajudar, obrigado.
html:
>
<div class="container-center">
<div class="provisorio" id="areas-de-atuacao"><a href="atuacoes.html">Áreas de atuação </a></div>
<div class="provisorio" id="nossa-equipe"><a href="sobre.html"> Nossa Equipe </a></div>
<div class="provisorio" id="trabalhe-conosco"><a href="trabalhe-conosco.html">Trabalhe conosco</a></div>
</div>
meu css:
>
provisorio {
margin: 0 45px;
float: left;
background-image: url(../img/info-release.png);
width: 250px;
height: 95px;
transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
}
.provisorio a {
line-height: 95px;
padding: 35px 29px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-family: 'Raleway','Arial','Helvetica', sans-serif;
font-size: 18px;
}
#areas-de-atuacao:hover {
background-image: url(../img/areas-atuacao.png);
transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
}
#nossa-equipe:hover {
background-image: url(../img/nossa-equip.png);
transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
}
#trabalhe-conosco:hover {
background-image: url(../img/trabalhe-conosco-hover.png);
transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
}Carregando comentários...