SUCCESS! The wikipedia viewer search box animates properly

SUCCESS! The wikipedia viewer search box animates properly
0

#1

Take a look at:

to see how I did it. I learned more about CSS in the last few days than I have in my whole life so I’m very proud of this though there are better ways of achieving this effect in a real-life scenario.


#2

I don’t think I can ever do animations properly :sweat_smile:

How about reducing the animation time? Also try playing with timing functions other than linear to see what “clicks”.


#3

Animation time is measured in milliseconds but I believe I read somewhere that you can’t rely on sub-1 second intervals. Browser rendering speed and system load are factors too.

I do want to try some different animation styles for instance you can do some really wacky things with cubic bezier curves but I’ve spent enough time on this. I’ll finish the wikipedia viewer challenge and come back to it sometime later.


#4

Nice! :smile: This animation took me forever as well, but it was worth it in the end.