text-screensaver

1.0.3 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i text-screensaver

Weekly Downloads

1

Version

1.0.3

License

ISC

Unpacked Size

4.49 kB

Total Files

3

Last publish

Collaborators

  • tpkahlon