title: CSS fade effect background color
body: <p>hello guys i running a fade effect with css, works perfect, i want change the color when get the fade but i had no success.</p>
  
  <p>the fade change color if i use without image, but if i using with i image does not work.</p>
  
  <p>example:
  i tried :</p>
  
  <pre><code>background-color: red;
  </code></pre>
  
  <p>but i had no success, anyway somebody know how can make the fade backgroundbe a different color? right now just going to white, its possible do another color?</p>
  
  <p>right now i have a image and whe i hover the mouse appear a fade white effect, i just wanna change the white to red.</p>
  
  <p>php:</p>
  
  <pre><code>&lt;img id="slide-img-1" src="&lt;?php echo get_bloginfo('template_directory');?&gt;/public/images/get_.jpg" class="slide fade " alt="" /&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.fade {
     opacity: 1;
     transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -webkit-transition: opacity .25s ease-in-out;
  
  
     }
  
     .fade:hover {
        opacity: 0.5;
        }
  </code></pre>