CSS3 Quick Review

Selector Selector
Borders, Shadows
border-radius:50%; Set Positive Circle
Changes in the background
CSS3 Important new things:
transition
Excessive, let an element from one style, to another style, no longer is a dry jump, but there is animation, even finish.
The Transition property is written to the original style of the element,
Transition: Whether to excessive CSS properties when the length is constant speed delay;
For example: transition:all 1s ease 0s; if you want to be constant, write linear

When can the transition attribute be triggered??
: hover can trigger transitions
JS Direct control elements of the style change, will also trigger the transition
JS Control plus a class name will also trigger a transition
★ Summary: All can make the element CSS change behavior, all can trigger the transition.

What properties can the transition attribute transition to?
Basically all the attributes, transition can transition.
Transform
Deformation. In fact, it's about having an element with a "dimension."

Transform:rotatey ( -40deg) Rotatex ( -40deg) Translatez (300px);
Let a box rotate around the y-axis-40 degrees, rotate around the x-axis-40 degrees, and move forward 300px in the direction that you are now in.

Animation
CSS3,: Hover can give any label settings, indicating the mouse hover style.
Animation. Unlike transition, this animation does not require a trigger condition and can move itself.
Animation:name Duration timing-function delay iteration-count direction;
Call:
animation:tiao 1s ease 0s infinite alternate;

/* Defining animations */ @-webkit-keyframes Tiao {from{top:200px;}  {top:250px;} }

Curve motion
The jquery animate does not complete the curve movement, it must be done by using a plug-in.
Jquery.path.js
Path is the route

CSS3 Quick Review