Kintyp Studio | Responsive Title Animations and Lower Thirds

Description:

Kintyp Studio is a project inspired by some video effects, which I decided to make available for HTML designers and developers. Using the abilities of Julien Garnier’s Anime.js and with the power of CSS3 and JavaScript I present you ten responsive text animations. You can present your message in attractive way in your hero headers, synced video overlays or as paragraph titles in your text content. The applications are only limited by your imagination.

The product is tested on all variety of devices to make sure it reacts properly on different display sizes. I am using relative font size units, which values I also recalculate if the container is smaller than the viewport. This way the text content is the defining start point from where I calculate the sizes of all other elements that build each effect. In this way I achieve responsive behavior.