A new beginning, a new direction

From March 16 into the society to now June, slowly find what they really want to do, today learn CSS3 found a lot of grammar or writing format has changed, but also learned some new marks, every day progress a small step, slowly accumulate, continue to learn, continuous efforts, not lightly give up.

Like what:

Previous wording: <input type= "Radio" value= "my" name= "Sex" id= "my" checked> women </radio>;

Now the wording: <input type= "Radio" name= "Sex"/> female;

Also learned a lot of new tags. For example: <blackquote>-quoted text, border-radius-set rounded corners,

background:linear-gradient-gradient such as: Background:linear-gradient (45deg,red,yellow,blue); set the red and yellow blue color from 45 degrees to start the gradient.

2D Conversion :

For example, can be used: transform:rotate (30deg); rotation 30 degrees

animations : Animations are effects that gradually change an element from one style to another.

ANIMATION:MX 5s linear Infinite; (Animation: Animation name, time, gradient mode, playback mode)

The keywords "from" and "to" are equivalent to 0% and 100%.

0% is the start of the animation is shown in orange, and 100% is the finish of the animation shown in red.

　1th Way : @keyframes mx{

from{Background:orange;}

to{background:red;}

}

2nd : Change the background color when the animation is 25% and 50%, and then change it again when animation 100% finishes:

@keyframes mx{0%   {background:red;} 25%  {background:yellow;} 50%  {background:blue;} 100% {background:green;}}
Wait a minute.........

A new beginning, a new direction