English, asked by anyajain8408, 8 months ago

The boy said Yes sir I think so

Answers

Answered by Anonymous

$<!DOCTYPE html><html lang="en"><head><title>Pokeball</title></head><body><div id="StefTastan">  <div id="moving-container"> <div id="pokeball-container">  <div id="pokeball"> <div class="pokeball-details"></div> </div> </div> </div><style>/* * POKEBALL *//* animation frame! rotation movement of the pokeball */@-webkit-keyframes spinning { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 50% { transform: rotate(325deg); -webkit-transform: rotate(325deg); } 100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }}@-webkit-keyframes translating { 0% { transform: translateX(-50%); -webkit-transform: translateX(-50%); } 50% { transform: translateX(50%); -webkit-transform: translateX(50%); } 100% { transform: translateX(-50%); -webkit-transform: translateX(-50%); }}@-webkit-keyframes color-change { 0%, 20%, 40%, 60%, 100% { background-color: #fff; } 10%, 30%, 50%, 70%, 90% { background-color: #f00; }}* { margin: 0; padding: 0;}body { background-color: #f5f5f5;}#StefTastan { width: 715px; height: 500px; margin: 0 auto; position: relative;}#StefTastan #moving-container { width: 10em; height: 10em; margin: 10px auto 70px; position: relative; -webkit-animation: translating 5s infinite;}/* pokeball container */#StefTastan #pokeball-container { width: 10em; height: 10em; margin: 20px auto; -webkit-animation: spinning 5s infinite;}#StefTastan #pokeball { width: 10em; height: 10em; background-color: #fff; border-radius: 50%; position: relative; overflow: hidden;}#StefTastan #pokeball::before { content: ''; background-color: red; border-radius: 5em 5em 0 0; width: 10em; height: 5em; position: absolute;}#StefTastan #pokeball .pokeball-details { width: 10em; height: 1em; background-color: #333; position: absolute; top: 4.5em;}/* the pokemon's button or whatever it is */#StefTastan #pokeball .pokeball-details::before { content: ''; width: 3.5em; height: 3.5em; border-radius: 50%; background-color: #333; position: absolute; top: -1.25em; left: 3.25em; z-index: 200;}#StefTastan #pokeball .pokeball-details::after { content: ''; width: 1.8em; height: 1.8em; border: 0.3em solid white; border-radius: 50%; background-color: #fff; position: absolute; top: -0.65em; left: 3.80em; margin: 0 auto; z-index: 250; -webkit-animation: color-change 3s infinite;}</style></body></html>$

Previous Question

Next Question