Certificate animation removed

sayshark75 · Jan 12, 2024 · 79e1797 · 79e1797
1 parent 478918e
commit 79e1797
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 25 deletions.
diff --git a/src/animations/ScaleAnimations.ts b/src/animations/ScaleAnimations.ts
@@ -14,18 +14,3 @@ export const ScalePing: string = keyframes`
   transform:scale(1);
 }
 `;
-
-export const ScaleCertificate: string = keyframes`
-0%{
-  transform:scale(1);
-}
-10%{
-  transform:scale(2);
-}
-90%{
-  transform:scale(2);
-}
-100%{
-  transform:scale(1);
-}
-`;
diff --git a/src/components/CertificatePage/Certificate.mapper.tsx b/src/components/CertificatePage/Certificate.mapper.tsx
@@ -1,22 +1,13 @@
 import { nanoid } from "nanoid";
 import { certificates } from "../../sources/Certificates";
 import { Flex, Image, Text } from "@chakra-ui/react";
-import { ScaleCertificate } from "../../animations/ScaleAnimations";
 
 const CertificateMapper = () => {
   return certificates?.map((cert) => {
     return (
       <Flex key={nanoid()} mb={4}>
         <Flex shadow={"sm"} rounded={"md"} p={4} mx={4} gap={2} direction={"column"} transition={"500ms"}>
-          <Image
-            m={"auto"}
-            _active={{ animation: `${ScaleCertificate} 5s ease-in-out ` }}
-            w={"300px"}
-            minH={"200px"}
-            maxH={"310px"}
-            src={cert.image}
-            alt={cert.tag}
-          />
+          <Image m={"auto"} w={"300px"} minH={"200px"} maxH={"310px"} src={cert.image} alt={cert.tag} />
           <Text fontFamily={"Poppins"} fontWeight={400} fontSize={"14px"} color={"text"} letterSpacing={"2px"} textAlign={"center"}>
             {cert.tag}
           </Text>