230일차 - 이미지를 숫자 형태로 만들어서 실시간으로 변경되는 페이지 개발 (2)

여행을 끝내고 집에 돌아왔다.

돌아오고나서 저번에 미리 리스트로 적어둔, 텍스트 애니메이션 효과들을 테스트해보는 웹을 만들었다.

 

- Matrix digital rain (animated version)

- Pseudo 3D Text

- 3D Text Effect – Mouseover

- Animated text fill

- Glitchy Text (study of The Verge)

 

내가 원하는 느낌에 가까운건 Pseudo 3D Text, Animated text fill 이 2개인 것 같다. 오늘은 여러 효과들을 테스트해본 것에 만족해야겠다. 너무 피곤해서 벌써부터 기진맥진이다ㅋㅋㅋ

그래도, 공부해야 할 부분에 대해서는 또 생겼다. 여러 효과들이 HTML Dog과 SCSS로 이루어진 예제가 많았는데, 코드를 보니까 확실히 반복문이나 여러 길어질 수도 있는 문법을 간결하게 적을 수 있는 문법이었다.

이번에, 원하는 페이지를 만들면, 리액트나 뷰로 이루어진 페이지들을 1개씩 추가로 만들어보고, 그 후에 앱도 만들고나서 Dog과 SCSS로 애니메이션 효과를 직접 만들어봐야겠다. 재밌을 것 같다ㅎㅎㅎ 뭔가 전기처럼 파사삭 거리는 효과를 만들어보고싶다.

 

https://kwonputer.com/show/text_ani/ 

Kwonputer