.single3 { height: 30px; width: 30px; background-color: #EC644B; border-radius: 50%; -webkit-animation: single3 2s infinite ease-in-out; animation: single3 2s infinite ease-in-out; } @-webkit-keyframes single3 { 0%, 20%, 40%, 60%, 100% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } 10%, 30%, 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes single3 { 0%, 20%, 40%, 60%, 100% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } 10%, 30%, 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }