codepen.io/fangmin/pen/gOmaxzw
animation 의 steps 를 활용한 타이핑 텍스트 효과입니다.
하단 mozilla site 참고하였습니다.
CSS TYPING ANIMATION
...
codepen.io
developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function
animation-timing-function - CSS: Cascading Style Sheets | MDN
The animation-timing-function CSS property sets how an animation progresses through the duration of each cycle.
developer.mozilla.org
'프론트엔드 공부 > html css' 카테고리의 다른 글
| css vertical flip animation (0) | 2021.05.11 |
|---|---|
| 7가지 css 단위 em/ rem/ inch/ vw /vmin /vmax /ch (0) | 2021.05.11 |
| css animation fill-mode(애니메이션상태조정) (0) | 2021.05.07 |
| svg dash-array와 stroke 활용하여 움직이는 글자 만들기 (0) | 2021.05.05 |
| svg 를 활용한 글자곡선 만들기 (0) | 2021.05.05 |
