raindrop-fx/examples/with-node/style.css

Rain drop effect with WebGL

body {
    margin: 0;

    background-position: 0px 0px,
    16px 16px;
    background-size: 32px 32px;
    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),
    linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}

#root {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#canvas {
    width: 100%;
    height: 100%;
}