✨ Add text-neon dance

Open maici opened this issue 7 years ago • 1 comments

Add neon-text dance, based on the css property text-shadow

rythm.addRythm('neon-text','textNeon', 0, 50, {
        min: 0,
        max: 30,
        neons: [
            {strength: 10, color: 'white'},
            {strength: 20, color: 'white'},
            {strength: 30, color: 'red'},
            {strength: 40, color: 'crimson'},
            {strength: 50, color: 'firebrick'},
    ]})

it will generate this style

text-shadow: 0 0 10px color: white, 0 0 20px color: white, 0 0 30px color: red, 0 0 40px color: crimson, 0 0 50px color: firebrick;

A demo here https://2360n746pr.codesandbox.io/

Dec 25 '18 20:12 maici

The nice demo isn't working anymore :cry:

Apr 08 '19 13:04 Okazari