angularjs-typed-effect

This easy-to-use directive applies a (customisable) typed effect to text within an HTML element.
Homepage:
0 people use it

AngularJS Typed Effect

This easy-to-use directive applies a (customisable) typed effect to text within an HTML element.

Installation

  1. Install with Bower using bower install angularjs-typed-effect --save or clone this repository.

  2. Include dist/typed-effect.min.js and dist/typed-effect.min.css in your application.

  3. Add angularJSTypedEffect as a dependency for your AngularJS module:

Usage

Insert the typed-effect and text attributes in to the required HTML element(s):

Customisation

You also have the option of setting:

  • delay ( default: 0 ) - apply a time delay (in milliseconds) before typing begins.
  • speed ( default: 100 ) - set the typing speed (in milliseconds).
  • cursor ( default: | ) - choose the cursor to use.
  • blink ( default: true ) - specify if the cursor should remain and continue to blink after typing has finished.

Demo

Take a look at this demo of the typed effect and optional settings.

comments powered by Disqus
This page was last updated 10 months ago.