Home Animation
This commit is contained in:
parent
300c1074f8
commit
83b252249d
2 changed files with 45 additions and 7 deletions
|
@ -201,6 +201,42 @@ body.noscroll
|
||||||
color: #7f7f7f;
|
color: #7f7f7f;
|
||||||
font-size: 300%;
|
font-size: 300%;
|
||||||
text-shadow:#e0e0e0 1px 1px 0;
|
text-shadow:#e0e0e0 1px 1px 0;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-animation-duration: 8s;
|
||||||
|
animation-duration: 8s;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeOutUp {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-200px);
|
||||||
|
/*-webkit-transform: scale(0,0); */
|
||||||
|
height: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeOutUp {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-200px);
|
||||||
|
/*transform: scale(0,0); */
|
||||||
|
height: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fadeOutUp {
|
||||||
|
-webkit-animation-name: fadeOutUp;
|
||||||
|
animation-name: fadeOutUp;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-pane-menu{
|
.user-pane-menu{
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
|
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
|
||||||
</div>
|
</div>
|
||||||
<md-content layout-padding>
|
<md-content layout-padding>
|
||||||
<md-card class="gray-font">
|
<md-card class="gray-font fadeOutUp">
|
||||||
<div layout="row">
|
<div layout="row">
|
||||||
<div class="spacer"></div>
|
<div class="spacer"></div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -15,6 +15,8 @@
|
||||||
<div class="spacer"></div>
|
<div class="spacer"></div>
|
||||||
<div>
|
<div>
|
||||||
<h1>Welcome To SE-Hub</h1>
|
<h1>Welcome To SE-Hub</h1>
|
||||||
|
<P>Software Engineering Course Made Easy</P>
|
||||||
|
v1.0
|
||||||
</div>
|
</div>
|
||||||
<div class="spacer"></div>
|
<div class="spacer"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue