How to use animation feature in CSS3? Options

[bintje]

Hi everyone, I'm newbie in CSS3 and really facinated by its animation features.

I would like to achieve the animation effect in this page:http://www.skyhallfence.com/, can anyone tell me know to do that?

Really thank you guys.

[icanswim70]

Hey guys, I'm glad I found this topic. I'm having a similar issue with creating a css animation. I setup the perameters by the book but the damn thing doesn't want to work.

Note I made a wrapper div to contain the animiation div with a width of 100%.

Inside that div I stuck the image i want to slide back and forth with the class"anime"

In css I coded:

@keyframes mouse {
from {
margin-left: 100%;
width:100%;
}

to{
margin-left:0%;
width:100%;
}
}
.anime {
height:35px;
width: 45px;
animation-duration: 5s;
animation-name: mouse;
animation-iteration-count: alternate;
}

The damn thing won't run.

Please tell me i didn't code it wrong!

Any help would be graet!