eliancodes-bg

0.0.1 • Public • Published

eliancodes-bg

The ElianCodes Background as a CSS Houdini Paint Worklet

installation

NPM

npm i eliancodes-bg

CDN

Still waiting for the package to show up on any CDN. Preferably use this method since the package is very small and easy to use.

Usage

Properties

--color-for-bg

takes in a color and uses it to render the background

Example

<html class="bg">
    <body>
        <style>
            .bg {
                --color-for-bg: lightgreen;
                background-image: Paint(eliancodes-bg);
            }
        </style>
        <script>
            CSS.paintWorklet.addModule('cdn_link_here')
        </script>
    </body>
</html>

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i eliancodes-bg

    Weekly Downloads

    0

    Version

    0.0.1

    License

    ISC

    Unpacked Size

    1.96 kB

    Total Files

    3

    Last publish

    Collaborators

    • elianvancutsem