https://github.com/tpkn/text-building-effect

A small plugin that makes text changing less lame than usual
https://github.com/tpkn/text-building-effect

Last synced: 3 months ago
JSON representation

A small plugin that makes text changing less lame than usual

• Host: GitHub
• URL: https://github.com/tpkn/text-building-effect
• Owner: tpkn
• License: other
• Created: 2017-03-18T16:51:31.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-19T10:43:36.000Z (over 7 years ago)
• Last Synced: 2025-01-14T08:12:53.375Z (4 months ago)
• Language: JavaScript
• Size: 5.99 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Text Building Effect

A small plugin that makes text changing less lame than usual.

![caret](https://github.com/tpkn/text-building-effect/blob/master/caret.gif)

## Usage (long)

```javascript

var config = {

  div: document.getElementById('text'),

  caret: '_',

  acceleration: true,

  build_speed: 20,

  remove_speed: 10

}

var tbe = new TextBuildingEffect(config);

    tbe.build('Hello world!');

```

#### Usage (short)

```javascript

var tbe = new TextBuildingEffect({div: document.getElementById('text')});

    tbe.build('Hello world!');

```

## Settings

- `div`: container which _**innerHTML**_ property would be used for our text transformations

- `caret`: any symbol that would be placed at the end of text **|**

    - if not set, tool runs in **Replace mode**

    - _default = false_

- `build_speed`: building new text speed

    - _default = 15_

- `remove_speed`: removing old text speed

    - _default = 15_

## Replace mode

![replacing](https://github.com/tpkn/text-building-effect/blob/master/replacing.gif)

## Change Log

 - v1.1.20170217 - acceleration replaced by `easeInOutCubic` easing

 - v1.0.20161111