title: Slick slider active slider color change
body: <p>Am working with slick slider, here i am trying to achieve highlight the current slider image and need to fadeout the remaining slider images</p>
  
  <p>Expecated result is </p>
  
  <p><a href="https://i.stack.imgur.com/X2YY9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X2YY9.png" alt=""></a>
  </p>
  
  <p>Created fiddle is <a href="http://codepen.io/anon/pen/bEBPRX" rel="nofollow noreferrer">Fiddle link</a></p>
  
  <p>i had added following css to get my result</p>
  
  <pre><code>.slick-current.slick-active.slick-center {
      opacity:1;
  
  }
  .slick-slide  {
      opacity:0.5;
      background: #000;
      border-left:3px solid #fff;
      border-right:3px solid #fff;
  }
  </code></pre>
  
  <p>Opacity is working but right and left images are white overlayed instead of black, </p>