title: Trying to do a CSS Transition on a class change
body: <p>Was wondering if there was a way to do a css transition when div is given a certain class. My best example is this site <a href="http://ideaware.co/" rel="noreferrer">http://ideaware.co/</a> </p>
  
  <p>When you scroll down and the header becomes fixed, it does a background color change and has opacity. Really nice looking.</p>
  
  <p>I am working on a template I have here <a href="http://www.niviholdings.com/collide/" rel="noreferrer">http://www.niviholdings.com/collide/</a> and what I want to do is when the &lt; nav > becomes fixed, I want the &lt; ul > to slide over to the right.</p>
  
  <p>Hopefully I am explaining this correctly.</p>