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-weight: normal;
|
||||||
font-style: 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 */
|
/* Main */
|
||||||
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -173,6 +190,10 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 1.000em;
|
font-size: 1.000em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
-moz-animation: fadein 1s;
|
||||||
|
-webkit-animation: fadein 1s;
|
||||||
|
-o-animation: fadein 1s;
|
||||||
|
animation: fadein 1s;
|
||||||
}
|
}
|
||||||
/* Intro */
|
/* Intro */
|
||||||
#intro {
|
#intro {
|
||||||
|
|
21
index.html
21
index.html
|
@ -59,6 +59,23 @@
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: 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 */
|
/* Main */
|
||||||
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -172,6 +189,10 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 1.000em;
|
font-size: 1.000em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
-moz-animation: fadein 1s;
|
||||||
|
-webkit-animation: fadein 1s;
|
||||||
|
-o-animation: fadein 1s;
|
||||||
|
animation: fadein 1s;
|
||||||
}
|
}
|
||||||
/* Intro */
|
/* Intro */
|
||||||
#intro {
|
#intro {
|
||||||
|
|
21
sent.html
21
sent.html
|
@ -59,6 +59,23 @@
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: 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 */
|
/* Main */
|
||||||
html, body, div, h2, p, a {
|
html, body, div, h2, p, a {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -143,6 +160,10 @@
|
||||||
padding: 2.000em 5.625em 2.000em 5.625em;
|
padding: 2.000em 5.625em 2.000em 5.625em;
|
||||||
font-size: 1.000em;
|
font-size: 1.000em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
-moz-animation: fadein 1s;
|
||||||
|
-webkit-animation: fadein 1s;
|
||||||
|
-o-animation: fadein 1s;
|
||||||
|
animation: fadein 1s;
|
||||||
}
|
}
|
||||||
/* Responsive Design */
|
/* Responsive Design */
|
||||||
@media (min-width: 0px) {
|
@media (min-width: 0px) {
|
||||||
|
|
Loading…
Reference in a new issue