.fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } } .fg-ia-square-box { animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; transform-origin: 50% 50%; } @keyframes square-spin { 25% { transform: rotateX(180deg) rotateY(0); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(0) rotateY(180deg); } 100% { transform: rotateX(0) rotateY(0); } }
annaliisa
