.single1ball { height: 40px; width: 40px; border-radius: 50%; background-color: #EC644B; -webkit-animation: single1animation 4s infinite linear; animation: single1animation 4s infinite linear; } @-webkit-keyframes single1animation { 0%, 9%, 100% { -webkit-transform: scale(0); transform: scale(0); } 10%, 19%, 90%, 99% { -webkit-transform: scale(.2); transform: scale(.2); } 20%, 29%, 80%, 89% { -webkit-transform: scale(.4); transform: scale(.4); } 30%, 39%, 70%, 79% { -webkit-transform: scale(.6); transform: scale(.6); } 40%, 49%, 60%, 69% { -webkit-transform: scale(.8); transform: scale(.8); } 50%, 59% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes single1animation { 0%, 9%, 100% { -webkit-transform: scale(0); transform: scale(0); } 10%, 19%, 90%, 99% { -webkit-transform: scale(.2); transform: scale(.2); } 20%, 29%, 80%, 89% { -webkit-transform: scale(.4); transform: scale(.4); } 30%, 39%, 70%, 79% { -webkit-transform: scale(.6); transform: scale(.6); } 40%, 49%, 60%, 69% { -webkit-transform: scale(.8); transform: scale(.8); } 50%, 59% { -webkit-transform: scale(1); transform: scale(1); } }