mirror of
https://github.com/kaboomserver/website.git
synced 2024-12-22 07:45:00 +00:00
Animation
This commit is contained in:
parent
26e260a8fc
commit
03940a319f
3 changed files with 63 additions and 0 deletions
21
404.html
21
404.html
|
@ -60,6 +60,23 @@
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Animation */
|
||||
@-moz-keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-webkit-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-o-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
/* Main */
|
||||
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
||||
margin: 0;
|
||||
|
@ -173,6 +190,10 @@
|
|||
vertical-align: middle;
|
||||
font-size: 1.000em;
|
||||
text-align: center;
|
||||
-moz-animation: fadein 1s;
|
||||
-webkit-animation: fadein 1s;
|
||||
-o-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
}
|
||||
/* Intro */
|
||||
#intro {
|
||||
|
|
21
index.html
21
index.html
|
@ -59,6 +59,23 @@
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Animation */
|
||||
@-moz-keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-webkit-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-o-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
/* Main */
|
||||
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
||||
margin: 0;
|
||||
|
@ -172,6 +189,10 @@
|
|||
vertical-align: middle;
|
||||
font-size: 1.000em;
|
||||
text-align: center;
|
||||
-moz-animation: fadein 1s;
|
||||
-webkit-animation: fadein 1s;
|
||||
-o-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
}
|
||||
/* Intro */
|
||||
#intro {
|
||||
|
|
21
sent.html
21
sent.html
|
@ -59,6 +59,23 @@
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Animation */
|
||||
@-moz-keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-webkit-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-o-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@keyframes fadein{
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
/* Main */
|
||||
html, body, div, h2, p, a {
|
||||
margin: 0;
|
||||
|
@ -143,6 +160,10 @@
|
|||
padding: 2.000em 5.625em 2.000em 5.625em;
|
||||
font-size: 1.000em;
|
||||
text-align: center;
|
||||
-moz-animation: fadein 1s;
|
||||
-webkit-animation: fadein 1s;
|
||||
-o-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
}
|
||||
/* Responsive Design */
|
||||
@media (min-width: 0px) {
|
||||
|
|
Loading…
Reference in a new issue