From be498a6031131010ba6eaee79ce286a4cdaea434 Mon Sep 17 00:00:00 2001
From: Damon <2184238+damongolding@users.noreply.github.com>
Date: Tue, 15 Oct 2024 17:26:22 +0100
Subject: [PATCH] scale3d for GPU

---
 views/views_home.templ    | 10 +++++-----
 views/views_home_templ.go | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/views/views_home.templ b/views/views_home.templ
index 220a9f8..2f16507 100644
--- a/views/views_home.templ
+++ b/views/views_home.templ
@@ -118,29 +118,29 @@ func imageZoomKeyframes(zoomAmount int) string {
 	   <style>
 			@keyframes image-zoom-in {
                 from {
-                    transform: scale(1);
+                    transform: scale3d(1,1,1);
                     transform-origin: center;
                 }
 
                 to {
-                    transform: scale(%.2f);
+                    transform: scale3d(%.2f,%.2f,%.2f);
                     transform-origin: bottom left;
                 }
             }
 
             @keyframes image-zoom-out {
                 from {
-                    transform: scale(%.2f);
+                    transform: scale3d(%.2f,%.2f,%.2f);
                     transform-origin: top right;
                 }
 
                 to {
-                    transform: scale(1);
+                    transform: scale(1,1,1);
                     transform-origin: center;
 
                 }
             }
-		</style>`, zoom, zoom)
+		</style>`, zoom, zoom, zoom, zoom, zoom, zoom)
 }
 
 func customCss(css []byte) string {
diff --git a/views/views_home_templ.go b/views/views_home_templ.go
index 971f0ac..85f885a 100644
--- a/views/views_home_templ.go
+++ b/views/views_home_templ.go
@@ -325,29 +325,29 @@ func imageZoomKeyframes(zoomAmount int) string {
 	   <style>
 			@keyframes image-zoom-in {
                 from {
-                    transform: scale(1);
+                    transform: scale3d(1,1,1);
                     transform-origin: center;
                 }
 
                 to {
-                    transform: scale(%.2f);
+                    transform: scale3d(%.2f,%.2f,%.2f);
                     transform-origin: bottom left;
                 }
             }
 
             @keyframes image-zoom-out {
                 from {
-                    transform: scale(%.2f);
+                    transform: scale3d(%.2f,%.2f,%.2f);
                     transform-origin: top right;
                 }
 
                 to {
-                    transform: scale(1);
+                    transform: scale(1,1,1);
                     transform-origin: center;
 
                 }
             }
-		</style>`, zoom, zoom)
+		</style>`, zoom, zoom, zoom, zoom, zoom, zoom)
 }
 
 func customCss(css []byte) string {