Code for Cat LOVERS!

Question

This is a slideshow I put together to make you guys smile. It's a collection of 5 different pictures of cats. I hope it brings a smile to your face! :)

https://code.sololearn.com/WYPmKjp5L5MX/#html

Answer 1

Cool, but your code does not work in old browsers like my, i suggest to fix it.

/* CROSS BROWSER VERSION */

@-webkit-keyframes slideshow{
10%, 20% { left : 0;}
30% {left: -100%;}
40% {left: -100%;}
50% {left: -200%;}
60% {left: -200%;}
70% {left: -300%;}
80% {left: -300%;}
90% {left: -400%;}
100% {left: -400%}
}

keyframes slideshow{
10%, 20% { left : 0;}
30% {left: -100%;}
40% {left: -100%;}
50% {left: -200%;}
60% {left: -200%;}
70% {left: -300%;}
80% {left: -300%;}
90% {left: -400%;}
100% {left: -400%}
}

figure {
position:relative;
width:500%;
margin:0;
left:0;
text-align:left;
-webkit-animation: 20s slideshow infinite; animation: 20s slideshow infinite;
}

Answer 2

Thanks 😸😻🐈

Answer 3

"A mind blowing piece of art." #Amazed

xD

Answer 4

@maz just jumping out of nowhere with fixed codes. Who else but the webdesign queen of SoloLearn xD.

Answer 5

Lol thanks. 😅

Answer 6

@Maz OK I will do that when I get a chance again. I have to go somewhere in a few minutes.

Answer 7

@Xander A. lol such temptation... but I don't belong to anyone, I am free :3

Answer 8

loved your code....(like how I loved cats!!)😻😸

Answer 9

@AMAN lol yeah

Answer 10

Meow :3 you are such a beautiful soul

Answer 11

@Oceanborn lol will you be my house cat? (jk)

Answer 12

Haha. @Oceanborn
I guess I would want to be to if I was a cat aswell. 😅