transition shorthand

1transition: [transition-property] [transition-duration] 
2			[transition-timing-function] [transition-delay]

1-webkit-transition: all .3s ease-in-out;
2-moz-transition:    all .3s ease-in-out;
3-o-transition:      all .3s ease-in-out;
4-ms-transition:     all .3s ease-in-out;
5transition:         all .3s ease-in-out;

1/* Transition Transform */
2.section:hover {
3  transform: translateX(0px) translateY(75px);
4}
5
6.section {
7  transition: transform 500ms ease-in-out 25ms;
8}

1div {
2  transition: width 2s linear 1s;
3  /* property duration timing-functiom delay */
4}

1/* Simple CSS color transition effect on selector */
2
3div {
4	color: white;
5  	background-color: black; 
6}
7
8div:hover {
9	background-color: red;
10}
11
12
13/* Additional transition effects on selector */
14
15div {
16	background-color: black;
17  	color: white;
18  	height: 100px;
19  	transition: width 1.5s, height 3s;
20  	width: 100px;
21  	
22}
23
24div:hover {
25	background-color: red;
26  	height: 300px;	
27  	width: 150px;
28}
29  

1transition: property duration transition-timing-function delay; 
2/*Shorthand Property*/