Using classes to show galaxy

This commit is contained in:
Amadeus Demarzi 2014-07-26 01:05:31 -07:00
parent 3f54a5fa18
commit 64adfce427
3 changed files with 17 additions and 8 deletions

View File

@ -81,14 +81,7 @@ Engine = Base.extend({
start: function(){
var parent = this.canvas.parentNode;
this.background.style.opacity = 1;
this.background.style.webkitTransform = 'translate3d(0,0,0) scale(1)';
this.background.style.mozTransform = 'translate3d(0,0,0) scale(1)';
this.background.style.msTransform = 'translate3d(0,0,0) scale(1)';
this.background.style.oTransform = 'translate3d(0,0,0) scale(1)';
this.background.style.transform = 'translate3d(0,0,0) scale(1)';
this.background.className += ' show';
this.canvas.style.opacity = 1;
new Chainable()

View File

@ -85,6 +85,14 @@
-ms-transform:translate3d(0,0,0) scale(0.7);
-o-transform:translate3d(0,0,0) scale(0.7);
transform:translate3d(0,0,0) scale(0.7);
&.show {
opacity:1;
-webkit-transform:translate3d(0,0,0) scale(1);
-moz-transform:translate3d(0,0,0) scale(1);
-ms-transform:translate3d(0,0,0) scale(1);
-o-transform:translate3d(0,0,0) scale(1);
transform:translate3d(0,0,0) scale(1);
}
}
}

View File

@ -649,6 +649,14 @@ body.page-home #footer {
-o-transform: translate3d(0, 0, 0) scale(0.7);
transform: translate3d(0, 0, 0) scale(0.7);
}
#jumbotron .galaxy-image.show {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.tag-line {
position: absolute;
width: 100%;