Help - Search - Members - Calendar
Full Version: How to use animation feature in CSS3?
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
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.
Christian J
Which part of it are you having trouble with?

FWIW that page's animations seem to depend on javascript as well.
ramarjun
hi,

its not only make animation with css we need customize our page with javascript for making animation effect
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!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.