728x90
반응형
간단하게 타이핑 효과를 구현할 수 있다.
width를 steps로 늘려가는 애니메이션 효과로 타이핑느낌을 낼 수 있다.
다만 일정한 width를 늘려가므로 띄어쓰기나 .과 같은 특수문자가 문장 중간에 끼여있다면 조금 어색한 느낌이 나거나 잘려나오는 효과가 나타날 수 있다.
좀더 정확하게 구현하고 싶다면
자바스크립트를 이용해 구현할 수 있다
728x90
반응형
'CSS > CSS 응용' 카테고리의 다른 글
| [CSS]CSS만을 이용해서 차트 그리기 (377) | 2019.05.24 |
|---|---|
| [CSS] 다양한 레이아웃을 이용해 반응형 게시판 양식만들기 (table / grid / ul li / flex) (429) | 2019.05.23 |
| [CSS]그라디언트를 이용해 간단하게 원형차트/도넛차트 그리기(애니메이션으로 차트그리기 ) (3) | 2019.05.21 |
| [CSS3]카드를 한장만 뒤집을 수 있는 카드 뒤집기 효과 구현하기 (414) | 2019.04.17 |
| [CSS3] button hover 애니메이션 (259) | 2019.04.15 |
댓글