Added animation

Added animation for new logo and element fade in
This commit is contained in:
JulianPrieber 2022-02-20 13:39:53 +01:00 committed by GitHub
parent 61dac5f754
commit a3013082f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 58 additions and 1 deletions

View File

@ -22,4 +22,61 @@
50% {
opacity: 1;
}
}
}
/* Rotating entrances */
.rotate {
animation-name: rotate;
animation-duration: 3s;
animation-fill-mode: both;
transform-origin: center;
}
@keyframes rotate {
from {
transform: rotate3d(0, 0, 1, -200deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.fadein {
animation-name: fadein;
animation-duration: 3s;
animation-fill-mode: both;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.parent {
margin: auto;
padding-top: 50px;
position: relative;
left: 34px;
}
.image1 {
position: relative;
width: 150px !important;
min-width:150px;
}
.image2 {
position: relative;
bottom: 38px;
right: 107px;
width: 55px !important;
min-width: 55px;
height: auto;
}