Saved!

Nice CSS3 3D Animation - pv6HiYHc

HTML CSS Nice CSS3 3D Animation

Nice CSS3 3D Animation

  
  <div class="bg">
  <div class="link">
    <a target="_blank" rel="noreferrer noopener" href="http://brushfiredesign.ca/new/wp-content/uploads/2015/01/print-design.jpg">Inspiration source</a>
    <p>Issues with animation in Firefox</p>
  </div>
  <div class="bg-wall">
    <ul>
      <li><span></span></li>
      <li><span></span></li>
      <li><span></span></li>
      <li><span></span></li>
    </ul>
  </div>
  <div class="side-wall">
    <ul class="perspective">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>    
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js