animate bug fix

2022-09-27 23:56:33 +05:30
parent fb91257cfb
commit 143b5f6fb3
2 changed files with 13 additions and 6 deletions
@@ -109,17 +109,24 @@ header .navbar.animate {
    opacity: 0.8;
 }

-#hero .image.animate img {
-    animation: fade-in 1s ease-out;
-    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
-    transition: box-shadow 0.3s;
+#hero .image img {
+    box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
    padding: 0;
    border: 0;
    border: 2px solid var(--secondary-color);
    border-radius: 1rem;
 }

+#hero .image.animate img {
+    animation: fade-in 1s ease-out;
+    transition: box-shadow 0.3s;
+}
+
 #hero .image img:hover {
+    cursor: pointer;
+}
+
+#hero .image.animate img:hover {
    box-shadow: 0 0 11px rgb(15 80 100 / 20%);
    filter: contrast(1.2);
    cursor: pointer;