From ae7a7a01579178da91bb176e744d3d90d9b2e484 Mon Sep 17 00:00:00 2001 From: Alex Date: Sun, 5 Jul 2020 10:22:37 +0200 Subject: [PATCH] Tweak some little stuff around to make it look nicer --- css/main.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/main.less b/css/main.less index 592c399..506880b 100644 --- a/css/main.less +++ b/css/main.less @@ -41,6 +41,7 @@ body { border-radius: 10px; position: absolute; top: 0; + right: 0; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); animation-name: showcase; animation-duration: 18s; @@ -53,12 +54,15 @@ body { } @keyframes showcase { 0% { - transform: translateX(110%); + transform: translateX(10%); + opacity: 0; } 6%,27% { transform: translateX(0%); + opacity: 1; } 34%,100% { - transform: translateX(-110%); + transform: translateX(-10%); + opacity: 0; } }