From 8934c43b7a7dc1f872d1effa2bead268cab81343 Mon Sep 17 00:00:00 2001 From: Christoph Haas Date: Sun, 23 Apr 2017 22:55:07 +0200 Subject: [PATCH] Added playful animation for huge main logo --- app/assets/stylesheets/customisations.scss | 23 ++++++++++++++++++++++ 1 file changed, 23 insertions(+) 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;