Kintyp Studio | Responsive Title Animations and Lower Thirds

Particles
  • Description
  • FAQ
  • Screenshots
  • DEMO
  • Updates & Support

Particles

Description

Kintyp Studio is a undertaking impressed through some video results, which I determined to make to be had for HTML designers and builders. The usage of the skills of Julien Garnier’s Anime.js and with the ability of CSS3 and JavaScript I provide you ten responsive textual content animations. You’ll be able to provide your message in sexy approach on your hero headers, synced video overlays or as paragraph titles on your textual content content material. The programs are simplest restricted through your creativeness.

* IMPORTANT NOTE – the undertaking DOES NOT fortify IE11 *

The product is examined on all number of gadgets to verify it reacts correctly on other show sizes. I’m the use of relative font measurement gadgets, which values I additionally recalculate if the container is smaller than the viewport. This fashion the textual content content material is the defining get started level from the place I calculate the sizes of all different parts that construct every impact. On this approach I reach responsive habits.

Responsive

Utilization

The sleek animation results can be utilized in number of circumstances. A few of them are:

  • YouTube Overlays
  • Video Overlays
  • Hero Headers
  • Paragraph Titles

YouTube Overlays

Youtube Overlays

This demo displays a decrease 3rd that loops independently from the video and two animated messages which might be in sync with the YouTube video.

Video Overlays

Video Overlays

On this demo I exploit the HTML5 video object. It’s conceivable to deal with the timeupdate match and track the currentTime price, whilst the video is enjoying. Then you’ll merely come to a decision at what level of time to start out your textual content overlays. Similar method can be utilized with the HTML5 audio object.

Hero Header

Hero Header

This situation makes use of all results to offer a protracted message. Every impact issues to the following and the final one issues to the primary with a view to create a continual loop. That is the commonest utilization and works easy even on very outdated gadgets.

Paragraph Titles

Paragraph Titles

Right here you’ll see how the animations can be utilized as titles on your textual content content material. They begin one after every other and loop on their very own.

use the authoring device

The programs of the impact require, nearly the entire occasions, multiple textual content animation. The Kintyp Studio is the device that I created to allow you to construct your results separately. You want to practice few easy steps to customise your content material and to generate the wanted code. You’ll be able to in finding extra main points within the product’s documentation.

  1. Make a choice impact sort.
  2. Set impact attributes.
  3. Taste your content material.
  4. Preview the outcome.
  5. Put up your impact.

Kintyp Studio

Options

  • Ten varieties of animations.
  • Responsive Conduct.
  • search engine marketing pleasant.
  • Greater than 20 customizable parameters.
  • Talent to deal with 3 occasions, which hearth: on the finish of the appearing animation, on the finish of wait time, on the finish of the hiding animation.
  • Authoring device

Changelog

RELEASED [NOV 2019]

or
Shopping Cart
  • Your cart is empty.
Scroll to Top