Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
img
 
 
 
 
 
 
 
 
 
 

README.md

Markup

<div class="bar-wrapper">
  <div class="bar-container">
    <div class="bar-background"></div>
    <div class="bar-inner"></div>
    <div class="bar-foreground"></div>
  </div>
</div>

In order to flip bar horizontally, add .rtl class to .bar-wrapper

Demo

http://sergeylukin.com/css-3d-bar-graph

Screenshot

tabs

My tutorial about this project was published on Codrops: http://tympanus.net/codrops/2012/05/21/animated-3d-bar-chart-with-css3/

Inspired by http://net.tutsplus.com/tutorials/javascript-ajax/create-an-animated-3d-bar-chartgraph/

You can’t perform that action at this time.