Permalink
Browse files

adding new stepped scrolling mode

  • Loading branch information...
garris committed Jan 31, 2015
1 parent bd16057 commit 41be467705f51695d0d43fac55839f7f262cff0f
Showing with 3,787 additions and 17 deletions.
  1. +43 −1 dist/Tremula.css
  2. +3,622 −2 dist/Tremula.js
  3. +1 −0 dist/Tremula.min.css
  4. +25 −0 dist/Tremula.min.js
  5. +9 −0 gh-pages-demo/tremulaControls.js
  6. +56 −0 gh-pages-demo/tremulaProjections.js
  7. +2 −2 index.html
  8. +28 −11 src/Grid.js
  9. +1 −1 src/Tremula.js
View
@@ -1 +1,43 @@
.tremulaContainer{-moz-perspective:1000px; -webkit-perspective:1000; perspective:1000; overflow:hidden}.gridBox{background:#fafafa url() no-repeat center center; box-shadow:1px 0 5px rgba(0,0,0,0.2); position:absolute;}.gridBox.loaded{background-image:none}.gridBox.isLastContentBlock{border: none;background: none;box-shadow: none;}.moneyShot{pointer-events:none; position:absolute; top:0; right:0; opacity:0; -webkit-transition:opacity 900ms; -moz-transition:opacity 900ms; -o-transition:opacity 900ms; transition:opacity 900ms; -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}.moneyShot.loaded{opacity:1}.boxLabel {position: absolute; bottom: -35px; padding: 0.3em; width: calc(100% - 15px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; left: -1px; font-size: 15px;}
.tremulaContainer{
-moz-perspective:1000px;
-webkit-perspective:1000;
perspective:1000;
overflow:hidden
}
.gridBox{
background:#fafafa url() no-repeat center center;
box-shadow:1px 0 5px rgba(0,0,0,0.2);
position:absolute;
}
.gridBox.loaded{background-image:none}
.gridBox.isLastContentBlock{border: none;background: none;box-shadow: none;}
.moneyShot{
pointer-events:none;
position:absolute;
top:0;
right:0;
opacity:0;
-webkit-transition:opacity 900ms;
-moz-transition:opacity 900ms;
-o-transition:opacity 900ms;
transition:opacity 900ms;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}
.moneyShot.loaded{opacity:1}
.boxLabel {
position: absolute;
bottom: -35px;
padding: 0.3em;
width: calc(100% - 15px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: -1px;
font-size: 15px;
}
Oops, something went wrong.

0 comments on commit 41be467

Please sign in to comment.