Classic Properties Topsy transition and animation

CSS3 New Properties
Transform (variant) translate (PAN) (x,y) scale (zoom) (x,y) rotate (rotate) (x,y) skew (distort) (x,y)
Transform-origin (position of the center point of the deformation): x y;
Transtion (excessive): CSS attribute time transition style delay time property duration timing-function delay
The translation uses a pixel scale with a multiple
Translate scale
Transform: The first argument is relative to the X axis and the second argument is relative to the Y axis
Transtion:all 800ms Ease 5s
Transform:rotate (360DEG)
Most combinations: hover use

Animation (animation)
Transition need to start an event (mouse click, mouse, get focus, click, etc.) to achieve
Animation
8 Property name Duration delay timing-function delay Iteration-count direction Fill-mode


First in CSS style sheet plus this imgscale is your name.
@keyframes imgscale{
0%{transform:scale (1);}
50%{transform:scale (1.5);}
100%{transform:scale (2.5);}
}
And where you want to change.
Animation:imgscale 0.5s ease infinite alternate;

Alternate from large to small animation-play-state infinite infinite cycle Fill-mode animation fill rules (generally no effect)

#a: target{
background:red;
}
#img1: Target{z-index:4;}
#img1: not: (target) {Z-index:3}

A href= "#" Target=_parent open on the current page

_blank open on another blank page