css transform scale animation code example
Example 1: transition transform
/* Transition Transform */
.section:hover {
transform: translateX(0px) translateY(75px);
}
.section {
transition: transform 500ms ease-in-out 25ms;
}
Example 2: scale up and scale down animation in css
@-webkit-keyframes scaling {
From {
-webkit-transform: scale(1.0);
}
To {
-webkit-transform: scale(2.0);
}
#treeLeaves {
-webkit-animation: scaling 5s infinite alternate;
}