Dallas: 972-877-4650
Schedule in Dallas
Ft. Worth: 817-205-5749
Schedule in Ft. Worth
Houston: 713-723-4854
Schedule in Houston
OKC: 405-236-1111
Schedule in OKC

Typed Headline

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack's modular elements
at the Element Index Page →

Typed Headline

A neat decorative text feature that simulates typing out a number of specified words housed in a data attribute.

This effect requires a parent .typed-headline element that houses two <span> elements. The first <span> represents the part of the headline that doesn't change, and the second <span> with class .typed-text contains a the data attribute data-typed-strings. The data attribute should contain a list of strings to type separated by commas.

The typed text element can be modified with the following classes:

  • .typed-text--cursor on the .typed-text element adds a simulated cursor to enhance the typing effect
Stack helps forward-thinking clients