Creating Infinity Grid Illusion With CSS And JavaScript

Create an Infinity Grid Illusion with HTML, CSS & JavaScript! This code uses canvas to create a mesmerizing grid that warps and flickers in real-time.

Full code for the above pattern is: 
`<!DOCTYPE html>

    
    
    Infinity Grid Illusion
    <br>
        * { margin: 0; padding: 0; box-sizing: border-box; }<br>
        body {<br>
            background: black;<br>
            overflow: hidden;<br>
            display: flex;<br>
            align-items: center;<br>
            justify-content: center;<br>
            height: 100vh;<br>
        }<br>
        canvas {<br>
            position: absolute;<br>
        }<br>
    

    
<script>
    const canvas = document.getElementById("gridCanvas");
    const ctx = canvas.getContext("2d");...

Read the full article