> >

Introduction to Re: CSS3 animation and the use of animation library animate.css

time:17-06-11 forum:HTML web page, JS language and code
  If the default value is made, it can be omitted:


is equivalent to:

> > Br / > if you want to transfer multiple attributes at the same time, you can use a comma, such as:



using the transtion attribute only specifies how to transition. To let the animation happen, you have to have a yuan. A change in the state of the vegetarian state. How to change the state of the element is, of course, to define a class in CSS (hover and other pseudo classes), which describes the state of the element at the end of the transition animation.


so, when we move the mouse to the div, the state of the div changes, and you can see the width from 100 to 400, the height from 100 to 400, the background color from black to red. The transition is 3 seconds.

in addition to using pseudo classes provided by systems such as hover, we can also define our own classes at will, and then add classes to the elements through JS when you want to transition:
  • 1
  • 2
  • 3
  • 4
  • 5

prev:Animate.css makes adding CSS animations ... next:Ji'nan's red light has added a new platf...
post comments
Notice



Approved   17 year old Chinese girls pass a com...   The great uncle of the dorm was atta...   The central government issued the me...   Ji'nan han zi donate marrow to save ...   One arm old man worked for 16 years ...
rand   Javascript displays refreshing conte...   The beautiful loading progress bar i...   Display special progress bar and tra...   Automatically transfer the code afte...   Add the effect of "page loading"
ads

other

Because all the contents of this site are reproduced from other media, the intention is to provide free services to the public, but it does not mean that this site agrees with its views, and can not be responsible for the authenticity of its verification, such as the copyright unit or individual of the manuscript does not want to publish on this site, please Contact me, I will immediately remove it, thank you. Contact: atseashawk@163.com