xxxxxxxxxx
@keyframes scaleAnimation {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
/* Apply the animation to an element */
.element {
animation: scaleAnimation 2s infinite;
}
xxxxxxxxxx
css
.btn {
transition: transform 250ms, opacity 400ms;
}
.btn:hover {
transform: scale(1.2);
opacity: 0;
}
xxxxxxxxxx
@-webkit-keyframes scaling {
From {
-webkit-transform: scale(1.0);
}
To {
-webkit-transform: scale(2.0);
}
#treeLeaves {
-webkit-animation: scaling 5s infinite alternate;
}