animate css delay

Yesterday, a netizen asked me animate () method can be used to manipulate all CSS properties? Yes, I told him it was OK. However, there is a need to pay attention to the need to be clear: when using animate (), you must use the Camel notation to write all the property names, for example, you must use Paddingleft instead of padding-left, use MarginRight instead Ma

I remember using animation directly at work, as long as I was able to animate it, and never looked at every detail. In fact, for us to do so, there is no mistake, because there is no time for the work to show you every detail, roughly read an article is not below. when we want to get things sorted out, I think about every single point of knowledge I've seen before, but it's no mistake to do so, but it's obviously not a wise choice. I think do one thin

Custom animated animate can manipulate CSS style properties summaryBackgroundposition* BorderWidth* borderBottomWidth* borderLeftWidth* borderRightWidth* borderTopWidth* borderspacing* MarginBottom* MarginLeft* MarginRight* MarginTop* Outlinewidth* Paddingbottom* Paddingleft* Paddingright* Paddingtop* Height* Width* MaxHeight* MaxWidth* MinHeight* MaxWidth* FontSize* Bottom* Left* Right* Top* letterspacing*

, attributes are ratios; matrix3d,css matrices. With this matrix attribute, all of the above attribute values are covered, but the individual feels that the readability is very poor (all numbers and units, the back is a little blurry), there is no reason to recommend the use.2.transitionIts properties are a simple animated property, very simple and very easy to use. It can be said that it is a simplified version of animation, is to do simple Web page

Today, writing a CSS animation encountered a mini puzzle, recorded as follows:1. Requirements:Wait for the animation of element A to load and then load the B element animation2. Initial thinking:Adds delay to the animation attribute of the B element (delay, which causes the delay time = the load time of the A element a

CSS 3 animation tips-application when transform-delay is negative ., Css3transformdelay Run When the value of animation-delay is negative, it indicates the number of seconds that the animation skips to enter the animation cycle. Note that the key frame is symmetric. 0%,30%,70%,100%{ transform: scale(1,0.5); } 50% {transform: sc