Shred MagazineBy admin / October 16, 2026 .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); } } 7_Oakley_ad_mockup.webp .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); } } 1_ShredCover-1.webp .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); } } 2_Armada_ad_Mock-Up.webp .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); } } 3_FinalSpread_GermanMatas2.webp .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); } } 4_redBull_ad_mockup.webp .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); } } 5_FinalSpread_GermanMatas4.webp .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); } } 6_FinalSpread_GermanMatas5.webp
