lightrope.js

LIGHTROPE.js

Add some animated Christmas light to your website. No effort required.

INSTALLATION

• Insert this tag at the end of your website's html code (before the </body> tag):

<script src="https://cdn.jsdelivr.net/npm/lightrope.js/lightrope.js"></script>

• It's done. Merry Christmas!

OPTIONAL

If you have a light background you might want to add some darker shadow behind the lightbulbs... there's an option for that too. <script src="https://cdn.jsdelivr.net/npm/lightrope.js/lightrope.js?darkShadow=1"></script>

It looks like this

NOTES

The CSS file is automatically loaded, so you don't need to manually insert it in your html code.

Please note that I didn't write the full CSS itself, I've found it somewhere in the web and packaged in an easy to use fashion: just load the js file, and it will inject all the needed HTML and CSS.