Question in css3 animations?

HTML & CSS
1

0.1%, 100% { right:200px; top:0px;}
inn this loc what is 0.1% refers to.

2

I have no idea.

That is CSS the likes of which I’ve not seen before.

Where did you get it from?

3

Looks like incorrectly written keyframe properties. It should be written as follows:

@keyframes animation{
    0%{ /* properties */ }
    100%{ /* properties */ }
}

Hope that resolves your confusion.

1 Like
4

0.1% is almost zero but I’ve noticed that in older safari that some animations don’t work with zero but do if you give it almost zero (or do it in reverse). It may be that the 0.1% was an old bug fix. 0% is the start of the animation and 0.1% is virtually the same thing.

The shorthand rule 0%,100% just sets the start and end properties to the same. You probably have a 50% rule in there doing something different so you get animation to 50% and then back to start.

1 Like
5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.