Ciao, ho creato uno slider di immagini:

#slider{
margin:0 0 20px;
padding:0;
float:left;
width:900px;
height:480px;
}
#slider ul{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative
}
#slider ul li{
margin:0;
padding:0;
opacity:0;
position:absolute;
top:0;
left:0;
-webkit-animation-name:slides_animation;
-webkit-animation-duration:25s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name:slides_animation;
-moz-animation-duration:25s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
animation-name:slides_animation;
animation-duration:25s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: 0;
animation-play-state: running;
animation-fill-mode: forwards;
}
#slider ul li:nth-child(2){
-webkit-animation-delay:5s;
-moz-animation-delay:5s;
animation-delay:5s
}
#slider ul li:nth-child(3){
-webkit-animation-delay:10s;
-moz-animation-delay:10s;animation-delay:10s
}
#slider ul li:nth-child(4){
-webkit-animation-delay:15s;
-moz-animation-delay:15s;
animation-delay:15s
}
#slider ul li:nth-child(5){
-webkit-animation-delay:20s;
-moz-animation-delay:20s;
animation-delay:20s
}
#slider ul li img{
display:inline-block
}
@-webkit-keyframes slides_animation{
0%{opacity:0;}
4%{opacity:1;}
16%{opacity:1;}
24%{opacity:0;}
100%{opacity:0;}
}

@-moz-keyframes slides_animation{
0%{opacity:0;}
4%{opacity:1;}
16%{opacity:1;}
24%{opacity:0;}
100%{opacity:0;}
}

@keyframes slides_animation{
0%{opacity:0;}
4%{opacity:1;}
16%{opacity:1;}
24%{opacity:0;}
100%{opacity:0;}
}
HTML:
<div id="slider">
<ul>[*][img]{TMPL_IMAGES}0_3341076_497806.jpg[/img][*][img]{TMPL_IMAGES}0_3323519_497806.jpg[/img][*][img]{TMPL_IMAGES}0_3323524_497806.jpg[/img][*][img]{TMPL_IMAGES}0_3323528_497806.jpg[/img] [*][img]{TMPL_IMAGES}0_3323529_497806.jpg[/img] [/list]
</div>

Fino a qui tutto bene! Ora voglio realizzarne un altro come su questo sito:
http://msgm.it/ - immagini centrali che entrano da destra o da sinistra

Chi mi aiuta? Thanks