如何驯服负 CSS 旋转？

如何解决如何驯服负 CSS 旋转？

似乎不能让两个矩形向相反方向旋转。这导致反向旋转的矩形被放置在下方的输出。

  FormatList Array: {
    Index: 0 
    ChannelLayoutTag: 0x640001 
    ASBD: {
    mSampleRate: 48000.000000 
    mFormatID: 'lpcm' 
    mFormatFlags: 0xc 
    mBytesPerPacket: 8 
    mFramesPerPacket: 1 
    mBytesPerFrame: 8 
    mChannelsPerFrame: 4 
    mBitsPerChannel: 16     }} 

@keyframes gspin {
       from {transform:rotateZ(110deg);}
       to {transform:rotateZ(100deg);}
    }
    @keyframes spin {
       from {transform:rotateZ(70deg);}
       to {transform:rotateZ(80deg);}
    }
        #spinner {
             animation: spin 10s infinite; 
             transform-origin: 50% 50%;
          }
          #gspinner {
             animation: gspin 10s infinite;
             transform-origin: 50% 50%;
             z-index:0;
            }