how to fade out images html css

1/* Answer to: "css fade out" */
2
3/*
4  With the code below, all you have to do is use JavaScript to
5  give the element ".hide-opacity" and it'll fade-out.
6
7  Feel free to edit this code so it works on hover, focus, active
8  or any other special selector possible with CSS and of course
9  feel free to use this code with your JavaScript too!
10*/
11
12.successfully-saved {
13    color: #FFFFFF;
14    text-align: center;
15
16    -webkit-transition: opacity 3s ease-in-out;
17    -moz-transition: opacity 3s ease-in-out;
18    -ms-transition: opacity 3s ease-in-out;
19    -o-transition: opacity 3s ease-in-out;
20     opacity: 1;
21}
22
23.successfully-saved.hide-opacity {
24    opacity: 0;
25}