fix hitching & add in frames for all fetched content

2023-01-03 19:17:36 +01:00
parent 96516e60a2
commit c85bf3cae5
8 changed files with 90 additions and 17 deletions
--- a/components/IndexGallery/IndexGallery.module.scss
+++ b/components/IndexGallery/IndexGallery.module.scss
@@ -15,11 +15,19 @@
 		margin: 0;
 		padding: 0;
 		max-height: var(--mheight);
+		animation-name: goIn;
+		animation-duration: 350ms;
 		@media screen and (max-width: 800px) {
 			text-decoration: none;
 			max-height: none;
 			text-align: center;
 		}
+		@keyframes goIn {
+			from {
+				opacity: 0;
+				transform: translate(0, 8px);
+			}
+		}
 		img {
 			max-height: var(--mheight);
 			border-radius: 8px;