The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS animation change

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #254011

    I am helping with a website. What the owner want to do is take the CSS animation and change it. Currently it rotates, kind of in a circle. What we have been trying to figure out is how to take what is here and modify it so it just moves on a straight plain and a few pixels (20px) and then move back. We would also like to it to loop this. Here is what we have. Thanks

    -webkit-animation-name: rotate;

    The animation-name property in the first line is referencing an animation called “rotate”, so you’ll have @keyframe declarations elsewhere in your CSS that define what happens as part of this “rotate” animation. This is what you should edit.

    But before you can do that, you’ll need to do some research on keyframe animations – here’s a good place to start

    You can also take inspiration from elsewhere on the web – Animate.css provides lots of examples to inspect and take ideas/cues from

    Good luck with your project.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.