Ztext gives the illusion of volume by creating layers from an HTML element. There’s no need to spend hours fiddling with <canvas>
or forcing users to download multi-megabyte WebGL libraries. Content remains fully selectable and accessible.
Best jQuery Text Effect Plugins & Tutorials with Demo
Making Stagger Reveal Animations for Text with GSAP & Splitting.js
A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js. It happens when you click on “About” (and then “Close”). This kind of show/hide animation on the typographic elements is being used in many designs lately. At Codrops we call it a “reveal” animation.
AutoTyper JS : JavaScript plugin for Animated Typewriting
A vanilla javascript plugin for animated typewriting. Autotyperjs can be accessable in global variable as autoTyper
. It exposes outside two functions, start
and stop
. Multiple instances can be created by using new
keyword. Its compatible with Chrome, Firefox, Safari, Internet Explorer and Edge.
Text Distortion Effects using Blotter.js
Distortion effects have become quite popular over the past two years and now many extraordinary website designs have some unique form of this intriguing trend. Today we’d like to share two demos with you that show how to use Blotter, a three.js and Underscore.js powered API for drawing artsy text effects. We used it to distort text on scroll and on mouse move.