Adjust animations

Nikos-Stuff · Dec 9, 2024 · 8b97ad1 · 8b97ad1
1 parent 42d8ef8
commit 8b97ad1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/TitleHeader.astro b/src/components/TitleHeader.astro
@@ -6,11 +6,11 @@
 <div id="animate" class="flex items-center justify-center">
     <div id="centerContent" class='relative w-full h-full flex items-center justify-center'>
         <div id="contentWrapper" class='p-5 text-center'>
-            <p id="title" data-taos-offset="300" class='delay-[600ms] duration-[600ms] taos:translate-y-[20%] taos:opacity-0  text-6xl md:text-7xl lg:text-9xl  uppercase text-white font-stop'>
+            <p id="title" data-taos-offset="300" class='delay-[600ms] duration-[600ms] taos:translate-y-[20%] [animation-iteration-count:infinite] taos:opacity-0  text-6xl md:text-7xl lg:text-9xl  uppercase text-white font-stop'>
                 SEZAM
             </p>
             <div id="typewriter-text" class="typewriter-container text-white ">
-                <p class="delay-[300ms] duration-[600ms] taos:scale-[0.6] taos:opacity-0 text-sm md:text-base lg:text-lg">Twój sklep RTV AGD</p>
+                <p class="delay-[300ms] duration-[600ms] taos:scale-[0.6] [animation-iteration-count:infinite] taos:opacity-0 text-sm md:text-base lg:text-lg">Twój sklep RTV AGD</p>
             </div>
 
         </div>

diff --git a/src/components/pricing_carousel.astro b/src/components/pricing_carousel.astro
@@ -1,7 +1,7 @@
 ---
 ---
 
-<section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-y-[200px] taos:opacity-0" data-taos-offset="400">
+<section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-y-[200px] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
     <div class="relative w-screen h-screen overflow-hidden transition-all duration-300 ease-in-out">
         <!-- Carousel Wrapper -->
         <div id="carousel" class="flex transition-transform duration-500 ease-in-out w-full h-full">

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -60,7 +60,7 @@ import Pricing_carousel from "../components/pricing_carousel.astro";
                             <!-- Two-Column Layout for Blog and Projects -->
                             <div class="grid grid-cols-1 sm:grid-cols-2 gap-8 mt-20">
                                 <!-- Blog Preview Section -->
-                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[-100%] taos:opacity-0" data-taos-offset="400">
+                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[-100%] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
                                     <div>
                                         <p class="font-semibold text-black dark:text-white text-lg">Co nowego?</p>
                                         <a href="/blog" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2">
@@ -77,7 +77,7 @@ import Pricing_carousel from "../components/pricing_carousel.astro";
                                 </section>
 
                                 <!-- Project Preview Section -->
-                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[100%] taos:opacity-0" data-taos-offset="400">
+                                <section class="space-y-4 delay-[300ms] duration-[600ms] taos:translate-x-[100%] [animation-iteration-count:infinite] taos:opacity-0" data-taos-offset="400">
                                     <div>
                                         <p class="font-semibold text-black dark:text-white text-lg">Wydarzenia</p>
                                         <a href="/events" class="w-fit col-span-3 group flex gap-1 items-center underline decoration-[.5px] decoration-black/25 dark:decoration-white/50 hover:decoration-black dark:hover:decoration-white text-black dark:text-white underline-offset-2">