56 lines
1.4 KiB
CSS
56 lines
1.4 KiB
CSS
|
/*
|
||
|
|
#ihead{
|
||
|
|
animation-name: headIntro;
|
||
|
|
animation-fill-mode:backwards;
|
||
|
|
animation-timing-function:linear;
|
||
|
|
animation-delay:4s;
|
||
|
|
animation-duration: 3s;
|
||
|
|
}
|
||
|
|
@keyframes headIntro {
|
||
|
|
0% { transform:scale(5,5); background-position: 30vw 30vh; }
|
||
|
|
70% { transform:scale(3,3); background-position:top center; }
|
||
|
|
100% { transform:scale(1,1); }
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
#courtain{
|
||
|
|
-webkit-animation: oopacity 2s ease-out 6s, clear 3s 6.5s;
|
||
|
|
-webkit-animation-fill-mode:both,both;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
article.mod{
|
||
|
|
animation-name:modIntro;
|
||
|
|
animation-timing-function:ease-in;
|
||
|
|
animation-delay:3s;
|
||
|
|
animation-duration:0.5s;
|
||
|
|
animation-fill-mode:backwards;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
section#spacer{
|
||
|
|
animation-name:nintro;
|
||
|
|
animation-timing-function:ease-in;
|
||
|
|
animation-delay:6s;
|
||
|
|
animation-duration:0s;
|
||
|
|
animation-fill-mode:backwards;
|
||
|
|
|
||
|
|
}
|
||
|
|
section.anav{
|
||
|
|
animation-name:nintro;
|
||
|
|
animation-timing-function:ease-in;
|
||
|
|
animation-delay:5s;
|
||
|
|
animation-duration:1s;
|
||
|
|
animation-fill-mode:backwards;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
|
||
|
|
@keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
|
||
|
|
@keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
|
||
|
|
@keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }
|
||
|
|
|
||
|
|
@-webkit-keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
|
||
|
|
@-webkit-keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
|
||
|
|
@-webkit-keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
|
||
|
|
@-webkit-keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }
|
||
|
|
|