![]() ![]() Users can start a CSS animation by touching or clicking on it if the “animation-play-state” is set to “paused” by default and set to “running” using a :hover or :active pseudoselector. To make a CSS animation you will need (1) a named rule specifying the change points in the animation as percents of the timeline, and (2) a tag, ID, or class connecting to the rule with the “animation-name” style, “animation-duration” in seconds (s), and other styles. You can control the left and top coordinates, along with other styles like size (width, height), color, opacity, and rotation. For CSS animation the object must have position: absolute or position: relative. If you want to have a button start the animation or otherwise have user control, you would have to use JavaScript to connect the button with the object.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |