![]() ![]() I thought I can just modify the animation-duration to create the speeding up effect for the falling word, but the animation resets and the word fall from the top of the screen instead of continuing from where it was. However, for the slow function in the game, dynamic styling might not be helpful because: 1. I need to slow down newly created words, too, 2. The words have to return back to its original falling speed. In CSS animation, you can animate the container to one direction at a faster pace and the element in the container to the other direction at a slower pace to make it seems like it slows down. type-word (the words that user need to type) to the opposite direction at a slower pace from the. ![]() More research will definitely be needed to effectively Unsolved Problems type-word to achieve the slowing down effect.Slow function: The words are created with animationend event listener, which makes the word div disappear after the animation ended.This causes the base to seem like it is shifting up. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |