edi dark
This commit is contained in:
@@ -1,26 +1,27 @@
|
||||
<div class="bg-transparent lg:py-24 py-10 overflow-hidden">
|
||||
<div class="bg-transparent lg:py-12 overflow-hidden">
|
||||
<div class="flex space-x-8 animate-scroll">
|
||||
<!-- First set of logos -->
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/sikana.png" alt="Transistor">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/ict.png" alt="Reform">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/znz.png" alt="Tuple">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/social.png" alt="SavvyCal">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/holo.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/freezone.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/vverse.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/veverse.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/zictia.png" alt="Statamic">
|
||||
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
|
||||
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
|
||||
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
|
||||
|
||||
<!-- First set of logos -->
|
||||
<img class="object-contain" src="images/logos/sikana.png" alt="Transistor" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/ict.png" alt="Reform" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/znz.png" alt="Tuple" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/social.png" alt="SavvyCal" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/holo.png" alt="Statamic" width="158" height="48">
|
||||
<img class=" object-contain" src="images/logos/freezone.png" alt="Statamic" width="158" height="48">
|
||||
<img class=" object-contain" src="images/logos/vverse.png" alt="Statamic" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/veverse.png" alt="Statamic" width="158" height="48">
|
||||
<img class="object-contain" src="images/logos/zictia.png" alt="Statamic" width="158" height="48">
|
||||
|
||||
<!-- Duplicate set of logos to create the endless effect -->
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/sikana.png" alt="Transistor">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/ict.png" alt="Reform">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/znz.png" alt="Tuple">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/social.png" alt="SavvyCal">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/holo.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/freezone.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/vverse.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/veverse.png" alt="Statamic">
|
||||
<img class="max-h-12 w-auto object-contain" src="images/logos/zictia.png" alt="Statamic">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -34,7 +35,7 @@
|
||||
/* Apply the animation */
|
||||
.animate-scroll {
|
||||
display: flex;
|
||||
animation: scroll 25s linear infinite;
|
||||
animation: scroll 30s linear infinite;
|
||||
gap: 2rem;
|
||||
width: max-content;
|
||||
}
|
||||
|
Reference in New Issue
Block a user