From 152e50467c336fb23c1c64f2582ce419ed36a35b Mon Sep 17 00:00:00 2001 From: =?utf8?q?Paul=20H=C3=A4nsch?= Date: Wed, 24 Mar 2021 15:21:07 +0100 Subject: [PATCH] improved display of different resolutions --- style.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/style.css b/style.css index bdb7710..168ff40 100644 --- a/style.css +++ b/style.css @@ -62,7 +62,7 @@ body { width: 1000%; height: 11em; max-width: unset; background-color: #111; - object-fit: contain; + object-fit: fill; transform: translate(-00%, 0); } .itemlist .list img:hover { @@ -72,23 +72,23 @@ body { } @keyframes thumbscroll { 0% { transform: translate(-00%, 0); } - 9.9% { transform: translate(-00%, 0); } + 9.99% { transform: translate(-00%, 0); } 10% { transform: translate(-10%, 0); } - 19.9% { transform: translate(-10%, 0); } + 19.99% { transform: translate(-10%, 0); } 20% { transform: translate(-20%, 0); } - 29.9% { transform: translate(-20%, 0); } + 29.99% { transform: translate(-20%, 0); } 30% { transform: translate(-30%, 0); } - 39.9% { transform: translate(-30%, 0); } + 39.99% { transform: translate(-30%, 0); } 40% { transform: translate(-40%, 0); } - 49.9% { transform: translate(-40%, 0); } + 49.99% { transform: translate(-40%, 0); } 50% { transform: translate(-50%, 0); } - 59.9% { transform: translate(-50%, 0); } + 59.99% { transform: translate(-50%, 0); } 60% { transform: translate(-60%, 0); } - 69.9% { transform: translate(-60%, 0); } + 69.99% { transform: translate(-60%, 0); } 70% { transform: translate(-70%, 0); } - 79.9% { transform: translate(-70%, 0); } + 79.99% { transform: translate(-70%, 0); } 80% { transform: translate(-80%, 0); } - 89.9% { transform: translate(-80%, 0); } + 89.99% { transform: translate(-80%, 0); } 90% { transform: translate(-90%, 0); } 100% { transform: translate(-90%, 0); } } -- 2.39.2