.default-animation { transition: all 0.5s ease; } // Pulse Animation .pulse { -webkit-animation-name: pulse_animation; animation-name: pulse_animation; -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-transform-origin:70% 70%; transform-origin:70% 70%; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.08); transform: scale(1.08); } 50% { -webkit-transform: scale(1); transform: scale(1); } 60% { -webkit-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse_animation { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.08); transform: scale(1.08); } 50% { -webkit-transform: scale(1); transform: scale(1); } 60% { -webkit-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }