Typing
-
자바스크립트 타이핑 효과프론트엔드 개발자가 될거야./js 2022. 6. 13. 16:35
html, css 자기소개 페이지 만들고나서 JS로 타이핑 효과를 주어서 더 동적으로 만들고 싶었다. 자바스크립트 타이핑 효과 이분의 벨로그를 활용하여 나의 자기소개 페이지에 타이핑 효과를 구현할 수 있었다 :) 코드해석은 해석이 필요한 부분만 정리했다. HTML코드 해석 | 깜빡깜빡하는 효과를 주기위해 | 를 사용했다. CSS코드 해석 .text_box .blink { animation: blink 0.5s infinite; font-size: 20px; } @keyframes blink { from { opacity: 1; } to { opacity: 0; } } animation과 @keyframe의 이름은 blink로 같다. 같은 걸 바라보고 있다는 것을 의미한다. animation의 이름은 @k..