diff --git a/app/assets/stylesheets/customisations.scss b/app/assets/stylesheets/customisations.scss index d2c86ed..82f1f3d 100644 --- a/app/assets/stylesheets/customisations.scss +++ b/app/assets/stylesheets/customisations.scss @@ -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;