Repetitive Typography Animation

An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.

The post Repetitive Typography Animation appeared first on Codrops.

After using a typography animation as page transition, my next endeavour incorporating kinetic typography ideas into a web design, is based on this fantastic animation by Domagoj Štrok for HOLOGRAPHIK®:

This is actually a really interesting challenge: take a fun typography animation like this and try making it part of a web design! Challenge accepted 🙂

The aim was to duplicate the words just like in the video and then, at a specific point, use the result as part of the design.

So, here is the whole flow of the animation:

Okay, this was just for fun really, so don’t take this concept too seriously! It’s not really usable but I hope it serves as an inspiration for what can be done. Keep in mind that this is only a mockup (not scrollable, not responsive) that serves as a proof-of-concept.

I hope you enjoy it and let me know what you think via Twitter @crnacura or @codrops.

The post Repetitive Typography Animation appeared first on Codrops.


Print Share Comment Cite Upload Translate
APA
Mary Lou | Sciencx (2024-03-28T13:32:44+00:00) » Repetitive Typography Animation. Retrieved from https://www.scien.cx/2021/10/20/repetitive-typography-animation/.
MLA
" » Repetitive Typography Animation." Mary Lou | Sciencx - Wednesday October 20, 2021, https://www.scien.cx/2021/10/20/repetitive-typography-animation/
HARVARD
Mary Lou | Sciencx Wednesday October 20, 2021 » Repetitive Typography Animation., viewed 2024-03-28T13:32:44+00:00,<https://www.scien.cx/2021/10/20/repetitive-typography-animation/>
VANCOUVER
Mary Lou | Sciencx - » Repetitive Typography Animation. [Internet]. [Accessed 2024-03-28T13:32:44+00:00]. Available from: https://www.scien.cx/2021/10/20/repetitive-typography-animation/
CHICAGO
" » Repetitive Typography Animation." Mary Lou | Sciencx - Accessed 2024-03-28T13:32:44+00:00. https://www.scien.cx/2021/10/20/repetitive-typography-animation/
IEEE
" » Repetitive Typography Animation." Mary Lou | Sciencx [Online]. Available: https://www.scien.cx/2021/10/20/repetitive-typography-animation/. [Accessed: 2024-03-28T13:32:44+00:00]
rf:citation
» Repetitive Typography Animation | Mary Lou | Sciencx | https://www.scien.cx/2021/10/20/repetitive-typography-animation/ | 2024-03-28T13:32:44+00:00
https://github.com/addpipe/simple-recorderjs-demo