CSS3 animation

Share a picture

.btn-shake-hand{< br /> -webkit-animation: fingerHandle 1s ease infinite both;
animation: fingerHandle 1s ease infinite both;
}

.btn-shake-hot{
-webkit-animation: free_download 0.5s linear alternate infinite;
animation: free_download 0.5s linear alternate infinite;
}

/* button animation*/
@- webkit-keyframes free_download {
0% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1 );
}
}

@keyframes free_download {
0% {
transform: scale(0.9);
}

100% {
transform: scale(1);
}
}
@keyframes fingerHandle {
0% {
transform: none;
}
70% {
transform: scale3d(1.3, 1.3, 1.3);
}
100% {
transform: none;< br /> }
}

Leave a Comment

Your email address will not be published.