![css3 menu transition effect css3 menu transition effect](https://www.css3transition.com/wp-content/uploads/2016/08/beautiful-hover-effect-using-css3-632x420.jpg)
Take coordinate animation for example, using CSS3’s transform to do translatexy animation is nearly 700mm faster than JS’s position left and position right, and it is much smoother than JS’s in vision. JS can’t do deformation animation of course. CSS3’s 2D animation refers to the transformation of 2D matrix.CSS 2D matrix animation is more efficient than JS matrix animation simulated by margin, left and top.
![css3 menu transition effect css3 menu transition effect](http://pic.uuhy.com/uploads/2013/02/21/dropdownhtml5menus26.jpg)
CSS3 3D animation is a very powerful function in CSS3, because its working principle is in a three-dimensional space, so JS is unable to simulate the 3D animation like CSS3.CSS 3D animation cannot be implemented in JS.There are the following differences between CSS3 animation and JavaScript simulation animation: Using JS animation or CSS3 animation requires developers to make different choices according to different needs, but a basic principle should be followed: if you need to do 2D animation, do not use the transition or animation of CSS3 CSS3 animation is written in C language, which is system level animation. It can work in any attribute of any element of the page.
![css3 menu transition effect css3 menu transition effect](http://www.htmldrive.net/media/2012/6/3/1338730269.jpg)
#Css3 menu transition effect Pc#
The memory allocated by mobile devices to built-in browsers can not be as large as that of PC version. In PC version of browser, because the available memory of browser is relatively large, the user’s flesh eye can hardly see the retain and reflow generated by page animation, so the engineer almost does not need too much Considering the performance problems brought by animation, but it can be quite different in mobile devices. When Dom and CSS are operated frequently, the browser will constantly rearrange and redraw. Usually we use frequent operations The CSS of DOM is used to achieve the visual animation effect, and the two factors that lead to the low efficiency of JS are included. There are two reasons for JavaScript inefficiency: DOM manipulation and page animation. Why to replace JS animation with CSS animation