Html+css Carousel Effect

<!DOCTYPE HTML><HTML>    <Head>        <MetaCharSet= "Utf-8" />        <title></title>        <style>Body{Background-color:Black;            }            *{margin:0;padding:0;            }#main img{width:300px;Height:400px;position:Absolute;Border:5px Green Double;            }#main img:nth-child (1){Transform:Translatez (500px);            }#main Img:nth-child (2){Transform:Rotatey (40deg) Translatez (500px);            }#main Img:nth-child (3){Transform:Rotatey (80deg) Translatez (500px);            }#main Img:nth-child (4){Transform:Rotatey (120deg) Translatez (500px);            }#main Img:nth-child (5){Transform:Rotatey (160deg) Translatez (500px);            }#main Img:nth-child (6){Transform:Rotatey (200deg) Translatez (500px);            }#main Img:nth-child (7){Transform:Rotatey (240deg) Translatez (500px);            }#main Img:nth-child (8){Transform:Rotatey (280deg) Translatez (500px);            }#main Img:nth-child (9){Transform:Rotatey (320deg) Translatez (500px);            }                        /*# ID Selector ID cannot be named repeatedly*/#main{margin:100px Auto;/*Center The parent element*/width:300px;Height:400px;                /*declaring a 3D space*/Transform-style:preserve-3d;Transform:Rotatex ( -10deg);Animation-name:Animate;animation-duration:10s; /*Animation execution Times*/Animation-iteration-count:Infinite; /*Animation Duration: Unlimited*/animation-timing-function:Linear;position:relative;            }                        /*Define an animation*/@keyframes Animate{0%{Transform:Rotatex ( -10deg) Rotatey (0deg);                }100%{Transform:Rotatex ( -10deg) Rotatey (360deg);                }            }        </style>    </Head>    <Body>        <DivID= "Main">            <imgsrc= "Img/1.jpg" />            <imgsrc= "Img/2.jpg" />            <imgsrc= "Img/3.jpg" />            <imgsrc= "Img/4.jpg" />            <imgsrc= "Img/5.jpg" />            <imgsrc= "Img/6.jpg" />            <imgsrc= "Img/7.jpg" />            <imgsrc= "Img/8.jpg" />            <imgsrc= "Img/9.jpg" />        </Div>    </Body></HTML>

Html+css Carousel Effect