.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; } #ebgamesguy { position: fixed; bottom: -9rem; right: 5rem; float: right; width: auto; height: auto; max-width: 100%; animation: crawl-up 14s linear 0s 1; } @keyframes crawl-up { 0% { bottom: -34rem; } 50% { bottom: -34rem; } 51% { bottom: -32rem; } 54% { bottom: -30rem; } 62% { bottom: -29rem; } 65% { bottom: -27rem; } 76% { bottom: -21rem; } 77% { bottom: -20rem; } 84% { bottom: -16rem; } 89% { bottom: -13rem; } 96% { bottom: -12rem; } 100% { bottom: -9rem; } } @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); } }