<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <clipPath id="chameleonClip">
      <path d="M100,50 C120,30 160,30 180,50 C200,70 200,130 180,150 C160,170 120,170 100,150 C80,130 80,70 100,50 Z" />
    </clipPath>
    <style>
      .chameleon { fill: green; }
      .logo { fill: blue; }
    </style>
    <animateTransform id="spin" attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="2s" repeatCount="1" fill="freeze" />
    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="spin.end" fill="freeze" />
    <animate attributeName="opacity" from="0" to="1" dur="1s" begin="spin.end+0.5s" fill="freeze" />
  </defs>
  
  <g clip-path="url(#chameleonClip)">
    <path class="chameleon" d="M100,50 C120,30 160,30 180,50 C200,70 200,130 180,150 C160,170 120,170 100,150 C80,130 80,70 100,50 Z">
      <animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="2s" repeatCount="1" fill="freeze" />
    </path>
  </g>
  
  <g id="logo" opacity="0">
    <path class="logo" d="M100,80 C110,70 130,70 140,80 C150,90 150,110 140,120 C130,130 110,130 100,120 C90,110 90,90 100,80 Z" />
  </g>
  
  <use href="#logo" />
</svg>