From de81158a06e5a4499054ccac3e86a41c50679b2c Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Thu, 22 Sep 2022 12:49:31 +0200
Subject: [PATCH] Improve animations

---
 src/page/basics/image-anchor/image-anchor.html.ts | 2 +-
 src/page/basics/image-anchor/image-anchor.scss    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/page/basics/image-anchor/image-anchor.html.ts b/src/page/basics/image-anchor/image-anchor.html.ts
index 4cf25f1..8f8b534 100644
--- a/src/page/basics/image-anchor/image-anchor.html.ts
+++ b/src/page/basics/image-anchor/image-anchor.html.ts
@@ -15,7 +15,7 @@ export const ImageAnchorFactory =
     target="_blank"
     ${shouldDownload ? 'download' : ''}
   >
-    <div class="svgContainer">
+    <div class="svg-container">
       ${svg}
     </div>
     <p>${title}</p>
diff --git a/src/page/basics/image-anchor/image-anchor.scss b/src/page/basics/image-anchor/image-anchor.scss
index bad4ea2..1d5f683 100644
--- a/src/page/basics/image-anchor/image-anchor.scss
+++ b/src/page/basics/image-anchor/image-anchor.scss
@@ -3,14 +3,14 @@
 .image-anchor {
   @include image-button(var(--icon-size));
 
-  .svgContainer {
+  .svg-container {
     position: relative;
     margin: auto;
     @include square(var(--icon-size));
 
     svg {
       stroke: var(--normal-text-color);
-      transition: stroke var(--transition-time);
+      transition: stroke var(--transition-time), transform var(--transition-time);
     }
   }