|
.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);
}
|