text-screensaver

Text Screensaver

A simple text screensaver that resembles with Windows XP screensaver with text.

Install

• npm install text-screensaver
• yarn add text-screensaver

Example

Play with sandbox example here: Demo

Options

You can pass following parameters to Text Screensaver in order to generate custom screensaver box

Attributes	Values
text / String	'Hello World'
speed / Number	Speed of text in milliseconds
options / Object	See options object configuration below

You can pass following parameters to Options object in order to generate custom screensaver box

Attributes	Values
width / String	300px or 100vw
height / String	300px or 100vh
background / String	content-box radial-gradient(crimson, skyblue)
text / String / CSSText	See value below

Example of CSSText fot text attribute:

margin: 0;
color: red;
line-height: 1;
letter-spacing: -1.4px;
font-size: 3rem;
font-weight: 100;
font-family: 'Arial', sans-serif;
display: inline-block;

Events

• create() method return HTML element