CSS3 - примеры переходов

CSS
.transition1 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.transition2 {
    -webkit-transition: all 0.5s 2s;
    -moz-transition: all 0.5s 2s;
    -o-transition: all 0.5s 2s;
    transition: all 0.5s 2s;
}
.transition3 {	
    -webkit-transition-property: opacity, scale, background, color;
    -moz-transition-property: opacity, scale, background, color;
    -o-transition-property: opacity, scale, background, color;
    transition-property: opacity, scale, background, color;
    
    -webkit-transition-duration: 2s, 1.6s, 1s, 1s;
    -moz-transition-duration: 2s, 1.6s, 1s, 1s;
    -o-transition-duration: 2s, 1.6s, 1s, 1s;
    transition-duration: 2s, 1.6s, 1s, 1s;
}

.transition3:hover {
    color: black;
    background: yellow;
    opacity: .4;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.transition4 {
    -webkit-transition: all 2000ms cubic-bezier(0.280, -0.315, 0.685, 1.390);
    -moz-transition: all 2000ms cubic-bezier(0.280, -0.315, 0.685, 1.390);
    -o-transition: all 2000ms cubic-bezier(0.280, -0.315, 0.685, 1.390);
    transition: all 2000ms cubic-bezier(0.280, -0.315, 0.685, 1.390); 
}
.transition5 {
    -webkit-transition: all 2000ms steps(3, end);
    -moz-transition: all 2000ms steps(3, end);
    -o-transition: all 2000ms steps(3, end);
    transition: all 2000ms steps(3, end);
}