Bakan

Demo

Installation

npm install --save bakan

Usage

  import Bakan from 'bakan'
 
  var $dom = document.getElementById('root')
  var options = {
    text: 'Lorem ipsum dolor sit amet',
    step: 1,
    period: 10,
    space: 1,
    color: 'white',
    font: 'arial',
    background: '#FFAA00',
    opacity: 50
  }
 
  new Bakan($dom, options)

Options

text

Type: String or Array

text: ['Lorem ipsum dolor sit amet', 'Quasi quis, facilis culpa omnis']

Text shown by Bakan marquee

step

Type: Integer

step: 1

Number of pixels moved each period

period

Type: Integer

period: 10

Time between each animation (Miliseconds)

space

Type: Integer

space: 10

Number of characters between each text secuence

color

Type: Hexa or String

color: 'blue'

Font color

font

Type: String

font: 'times new roman'

Font family

background

Type: Hexa

background: '#FF0000'

Background color

opacity

Type: Integer Values: [ 0, 100 ]

opacity: '100'

Background opacity