개발 Q&A

제목 css keyframe질문
카테고리 CSS
글쓴이 라라리리리리 작성시각 2021/07/28 02:37:40
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 5657   RSS

 .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%저게 의미하는거랑 원리가 어떻게 되는지 알려주실수 있나여 ㅠㅠ

 다음글 html 부모자식 요소 질문 (2)
 이전글 CI 4.1.x 에서 컴포저 패키지 사용법 질문.. (2)

댓글

변종원(웅파) / 2021/07/28 09:23:12 / 추천 0
구글에 해당 키워드 넣으면 답이 어마어마하게 나옵니다.