Browse files

where page text animation

  • Loading branch information...
1 parent 768e1c1 commit 7be1836d97d5e43a02187194abc14cc9178a7efc @digitaltom digitaltom committed Feb 28, 2013
Showing with 15 additions and 7 deletions.
  1. +2 −0 css/hackweek.css
  2. +0 −3 index.html
  3. +13 −4 js/hackweek.js
View
2 css/hackweek.css
@@ -125,6 +125,8 @@ li {
font-size: 222px;
margin-top: -90px;
padding-left: 117px;
+ z-index: 3;
+ position: relative;
}
#what-is{
background-color: #ffffff;
View
3 index.html
@@ -75,9 +75,6 @@
<div id="map-info">
select one location to meet all suse offices
</div>
- <div class="terminal-btn">
- Terminal Mode<div class="terminal-dot"></div>
- </div>
</div>
</div>
View
17 js/hackweek.js
@@ -81,6 +81,15 @@ $(function () {
'opacity': 1 - percent_scrolled_out });
});
}
+
+ /* where page text scroll animation */
+ if ($(window).scrollTop() > $('#join').position().top) {
+ var percent_scrolled_out = -($(window).scrollTop() - $('#where').position().top) / $('#where').height()
+ $('#where-title').css({'opacity': 1 - percent_scrolled_out,
+ right: percent_scrolled_out * -500})
+ }
+
+
})
@@ -89,22 +98,22 @@ $(function () {
$("#claim-line1").css({ top: -600 })
$("#claim-line1").animate({
top: 0
- }, 1000);
+ }, 800);
$("#claim-line2").css({ left: $(window).width() })
$("#claim-line2").animate({
left: 0, top: 0
- }, 1000);
+ }, 800);
$("#claim-line3").css({ right: $(window).width() })
$("#claim-line3").animate({
left: 0, top: 0
- }, 1000);
+ }, 800);
$("#claim-line4").css({ bottom: -600 })
$("#claim-line4").animate({
top: 0
- }, 1000);
+ }, 800);
}

0 comments on commit 7be1836

Please sign in to comment.