title: how do i make opacity transition after transform
body: <p>I'm trying to make something like fullpage.js. I have an active element and previous element. When I'm scrolling I have transform property on the both blocks, one like</p>
  
  <pre><code>.active {
  transform: translateY(0);
  opacity: 1;
  transition: all 1s ease;
  }
  </code></pre>
  
  <p>And another is </p>
  
  <pre><code>.previous {
  transform: translateY(100vh);
  opacity: 0;
  transition: all 1s ease;
  }
  </code></pre>
  
  <p>Without transition they appear in a moment without any delay. But when I add transition they starting to blink because of the opacity. How can I make the block first to transform and then to lose it's opacity</p>