1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

mudar opacidade em CSS

Discussão em 'Web Development' iniciada por sEnte!, 4 de Dezembro de 2012. (Respostas: 2; Visualizações: 771)

  1. sEnte!

    sEnte! Power Member

    Eu sei que dá para alterar a opacidade de uma imagem através de CSS usando o easy-in mas agora não me estou a lembrar como se faz.
    Podem dar uma ajuda?

    EDIT1: Acho que é algo deste género -moz-opacity: .5 1s ease-in; mas não tenho a certeza

    EDIT2: Assunto Resolvido!
     
    Última edição: 4 de Dezembro de 2012
  2. esaramago123

    esaramago123 Power Member

    img {opacity: 0.5}

    se fôr onmouseover:
    img {
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari and Chrome */
    -o-transition: all 1s; /* Opera */
    }
    img:hover {
    opacity: 0.4;
    }
     
  3. sEnte!

    sEnte! Power Member

    Pois foi assim que resolvi.
    Não me estava mesmo a lembrar e sei que tinha isso algures. Acabei por descobrir
    Código:
        opacity:0.5;
        transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
    
     

Partilhar esta Página