Added playful animation for huge main logo

This commit is contained in:
Christoph Haas 2017-04-23 22:55:07 +02:00
parent 5f106ef1b3
commit 8934c43b7a

View file

@ -76,6 +76,29 @@ body
}
}
// Animate the huge logo on the home page
#biglogo img {
animation-name: logoappear;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-direction: alternate;
}
@keyframes logoappear {
0% {
opacity: 0.0;
transform: scale(0.7,0.7) rotate(20deg);
}
100% {
opacity: 1;
transform: scale(1,1) rotate(0deg);
}
}
// ----------------------------------
.top-bar-right .menu li a
{
padding-top: 1.3rem;