Animation

This commit is contained in:
mathias 2015-12-14 21:56:18 +02:00
parent 26e260a8fc
commit 03940a319f
3 changed files with 63 additions and 0 deletions

View file

@ -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 {

View file

@ -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 {

View file

@ -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) {