살려줘2 [CSS] Animation 속성 알아보기 / 예시 animation animation : name | duration | timing-function | delay | iteration | direction | fill-mode | play-state 종류 예시 animation-name @keyframe에 지정된 이름을 설정합니다. animation-duration 애니메이션이 실행되는 시간을 설정합니다. animation-timing-function 애니메이션 키프레임 움직임을 설정합니다. animation-delay 애니메이션이 시작되기 전까지 시간을 설정합니다. animation-iteration 애니메이션 반복 횟수를 설정합니다. animation-derection 애니메이션 방향을 설정합니다. animation-fill-mode 애니메이션 끝.. 2022. 9. 8. [사이트 만들기]텍스트 유형 02 사이트 만들기 _ 텍스트 유형02 이번 시간은 텍스트 유형 두번째 시간입니다. 들어가기에 앞서 이번엔 레이아웃 배치를 원활하게 하기 위해서 dispaly:grid를 사용해서 작업했구요. 더보기링크가 없으므로 아이콘에 a링크를 부여할 예정입니다. 한번 따라가 보실까요 ■ 그림으로 미리보기🎨 ■ 핵심내용✍ - html 코드 - icon - css 코드 - .ir{ overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } .icon{ background: url(img/text_type02.svg) no-repeat; width: 60px; height: 60px; border-radius:.. 2022. 8. 31. 이전 1 다음 반응형
