Merge branch 'feature/ken-burns' of https://github.com/damongolding/i…

…mmich-kiosk into feature/ken-burns
damongolding · Oct 20, 2024 · c68d41f · c68d41f
2 parents b131f22 + 537df27
commit c68d41f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/views/views_home.templ b/views/views_home.templ
@@ -119,23 +119,27 @@ func imageSmartZoomKeyframes(zoomAmount int) string {
             from {
                 transform: scale3d(1,1,1);
                 transform-origin: center;
+								object-position: center;
             }
 
             to {
                 transform: scale3d(%.2f,%.2f,%.2f);
                 transform-origin: inherit;
+								object-position: inherit;
             }
         }
 
         @keyframes image-smart-zoom-out {
             from {
                 transform: scale3d(%.2f,%.2f,%.2f);
                 transform-origin: inherit;
+								object-position: inherit;
             }
 
             to {
                 transform: scale3d(1,1,1);
                 transform-origin: center;
+								object-position: center;
             }
         }
         </style>`, zoom, zoom, zoom, zoom, zoom, zoom)

diff --git a/views/views_image.templ b/views/views_image.templ
@@ -176,6 +176,7 @@ templ RenderImageWithContainFit(ImageData, imageFit string) {
 
 css transformOrigin(value string) {
 	transform-origin: { value };
+	object-position: { value };
 }
 
 // smartZoom calculates the transform origin for an image based on detected faces.