Flip Navbar with Pure CSS

<div class="card">
  <div class="front">
    <span class="text">Home</span>
  </div>
  <div class="back">
    <span class="text">Home</span>
  </div>
</div>
<div class="card">
  <div class="front">
    <span class="text">Downloads</span>
  </div>
  <div class="back">
    <span class="text">Downloads</span>
  </div>
</div>
<div class="card">
  <div class="front">
    <span class="text">Tuts</span>
  </div>
  <div class="back">
    <span class="text">Tuts</span>
  </div>
</div>
<div class="card">
  <div class="front">
    <span class="text">Blog</span>
  </div>
  <div class="back">
    <span class="text">Blog</span>
  </div>
</div>
<div class="card">
  <div class="front">
    <span class="text">About</span>
  </div>
  <div class="back">
    <span class="text">About</span>
  </div>
</div>