Added playful animation for huge main logo
This commit is contained in:
parent
5f106ef1b3
commit
8934c43b7a
1 changed files with 23 additions and 0 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue