Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sergeylukin/css-3d-bar-graph

Pure CSS 3D Bar inspired by http://jquery-3d.truematter.com/
https://github.com/sergeylukin/css-3d-bar-graph

Last synced: 27 days ago
JSON representation

Pure CSS 3D Bar inspired by http://jquery-3d.truematter.com/

Host: GitHub
URL: https://github.com/sergeylukin/css-3d-bar-graph
Owner: sergeylukin
Created: 2012-04-23T08:47:20.000Z (over 12 years ago)
Default Branch: master
Last Pushed: 2012-09-02T10:19:54.000Z (over 12 years ago)
Last Synced: 2024-04-08T18:22:02.680Z (9 months ago)
Language: JavaScript
Homepage: http://sergeylukin.com/css-3d-bar-graph
Size: 206 KB
Stars: 107
Watchers: 7
Forks: 23
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        Markup

======

``` html



  

    

    

    

  



```

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

Demo

====

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

Screenshot

==========

![tabs](https://raw.github.com/sergeylukin/css-3d-bar-graph/master/img/screen-bar-graph.jpg)

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/