css - ホバー上のCSS3の暗い画像

Question

私はホバーで私の画像を暗くする.cssを持っています：

a.darken {
    display: inline-block;
    background: #222222;
    padding: 0;
}

a.darken img {
    display: block;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darken:hover img {
    opacity: 0.1;

}

通常の状態では暗くなり、ホバーすると正常になるように変更するにはどうすればよいでしょうか。

Answer 1

を通常の状態に移動し、ホバーopacity: 0.1すると元に戻します。1.0

a.darken img {
    display: block;
    opacity: 0.1;

    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darken:hover img {
    opacity: 1.0;
}