Locochon Brand IdentityBy admin / November 6, 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); } } Store-Front-Mockup .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); } } signMockup .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); } } Main Locochon Logo@300x .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); } } Secondary Logo@300x .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); } } FrontDesign-Tshirt .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); } } BackSide-Tshirt-no-BK .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); } } igPost
