.rotate-clockwise { animation: infinite-rotation 500s linear infinite; } .rotate-counter-clockwise { animation: infinite-rotation 500s linear infinite; animation-direction: reverse; } #bizrate-logo { animation: infinite-rotation 5ms linear infinite; } #secure-site { animation: infinite-rotation 5ms linear infinite; } #special-promotions { animation: grow-shrink 5s ease-in-out infinite; } #geforce { animation-name: grow; animation-timing-function: cubic-bezier(1, 0, 0.33, 1); animation-iteration-count: infinite; animation-duration: 180s; } @keyframes grow { 0% { transform: scale(1); } 100% { transform: scale(5); } } @keyframes grow-shrink { 0% { transform: scale(1) rotate(0deg); } 25% { transform: rotate(-30deg); } 50% { transform: scale(2) rotate(0deg); } 75% { transform: rotate(30deg); } 100% { transform: scale(1) rotate(0deg); } } @keyframes infinite-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }