Home  >  Article  >  Web Front-end  >  CSS3 summarizes the difference between Transform, Transition and Animation in one sentence_html/css_WEB-ITnose

CSS3 summarizes the difference between Transform, Transition and Animation in one sentence_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:58:051064browse

Transform: Transform the element; Transition: Control the change of one or more attributes of the element (time, etc.), similar to flash tween animation. But there are only two key moments. Begin, end. Animation: Control (time, etc.) changes to an attribute or multiple attributes of an element, similar to flash tween animation. Multiple keyframes can be set.

UI front-end framework carefully developed for 5 years! Transition and Animation: Transition needs to trigger an event, and animation can also explicitly change the attribute value of the element CSS over time without triggering any event, thereby achieving an animation effect.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn