[CSS] 타이핑 애니메이션

작성 규칙

1. 🟠 작성 상태
   ✅ 작성한 날짜를 기록함으로써 리마인드
   ✅ 작성한 프로젝트를 기록함으로써 프로젝트를 찾아볼 수 있음
   ✅ 작성 상태를 기술함으로써 수정된 이력 버전과 완성여부를 확인
2. 🖋 기능 설명
   ✅ 레퍼런스 링크
   ✅ 사용된 기술에 대해 스스로 설명
3. 🔨 프로젝트 적용
   ✅ 프로젝트에 사용한 코드를 한 줄씩 리뷰하는 것으로 코드 전체 이해 증명
   ✅ 코드를 설계한 내용과 왜 이렇게 작성했는지
   ✅ 완성 코드를 코드펜으로 보여주기

/* 타이핑 애니메이션 */
.text1, .text2, .text3, .text {
    animation: typing 3s steps(15) infinite, blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-size: 38px;
}

🟠 작성 상태

---

🟠 작성 일자 : 0423, 2022
🟠 사용 프로젝트 : Team Oldboy - Team Intro Web
🟠 작성 상태 : 수정됨 (0423, 2022)

🖋 기능 설명

---

🖋 css keyframe

자바스크립트를 사용하지 않고 애니메이션을 적용할 수 있음.
keyframe을 선언하고, 적용하는 단계를 거쳐서 사용함

🖋 css animation

선언된 키프레임과 더불어서 추가적인 속성을 지정하는데 사용함

🚩 CSS 애니메이션 레퍼런스 링크

🔨 프로젝트 적용

---