Using classes to show galaxy
This commit is contained in:
parent
3f54a5fa18
commit
64adfce427
|
@ -81,14 +81,7 @@ Engine = Base.extend({
|
||||||
start: function(){
|
start: function(){
|
||||||
var parent = this.canvas.parentNode;
|
var parent = this.canvas.parentNode;
|
||||||
|
|
||||||
this.background.style.opacity = 1;
|
this.background.className += ' show';
|
||||||
|
|
||||||
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.canvas.style.opacity = 1;
|
this.canvas.style.opacity = 1;
|
||||||
|
|
||||||
new Chainable()
|
new Chainable()
|
||||||
|
|
|
@ -85,6 +85,14 @@
|
||||||
-ms-transform:translate3d(0,0,0) scale(0.7);
|
-ms-transform:translate3d(0,0,0) scale(0.7);
|
||||||
-o-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);
|
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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -649,6 +649,14 @@ body.page-home #footer {
|
||||||
-o-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);
|
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 {
|
.tag-line {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Reference in New Issue