.content h2:nth-child(2)    {        color: #03a9f4;        animation: animate 4s ease-in-out infinite; }    @keyframes animate    {        0%,100%        {            clip-path: polygon(1% 50%, 14% 48%, 28% 53%, 45% 60%, 63% 61%, 83% 57%, 100% 50%, 100% 100%, 1% 98%);        }        50%        {            clip-path: polygon(0% 54%, 18% 62%, 38% 62%, 56% 57%, 72% 46%, 88% 43%, 100% 43%, 100% 100%, 0% 100%);                    }

질문이 있습니다 이코드에서 이해가 안가는게 저기 0%,100%랑 50%저게 의미하는거랑 원리가 어떻게 되는지 알려주실수 있나여 ㅠㅠ