attempt 1 to manual/auto slider

 On branch main

 Changes to be committed:
	modified:   index2.html
	modified:   show2.css

Author: ItsZariep

index2.html

@@ -58,6 +58,9 @@
         <div class="slide">
           <img src="res/editions/xfce.png" alt="">
         </div>
+        <div class="slide">
+            <img src="res/editions/xfce.png" alt="">
+          </div>
       </div>
 
       <div class="navigation">

show2.css

@@ -14,7 +14,7 @@ input[name="r"]
 {position: absolute; visibility: hidden;}
 
 .slides
-{width: 500%; height: 100%; display: flex;}
+{width: 500%; height: 100%; display: flex; animation: n 16s infinite;}
 
 .slide
 {width: 20%; transition: 0.6s;}
@@ -34,3 +34,21 @@ input[name="r"]
 #r4:checked ~ .s1
 {margin-left: -60%;}
 
+@keyframes n {
+	/*direccion de la animacion izquierda*/
+ 0% {margin-left: 0%;}
+ 15% {margin-left: 0%;}
+
+ 20% {margin-left: -100%;}
+ 35% {margin-left: -100%;}
+
+ 40% {margin-left: -200%;}
+ 55% {margin-left: -200%;}
+
+ 60% {margin-left: -300%;}
+ 75% {margin-left: -300%;}
+
+ 80% {margin-left: 0%;}
+ 100% {margin-left: 0%;}
+ /*entre mas imagenes tenga mas hay que aumentarle al margin-left */
+}