Diamond Illusion

HTML

CSS

JS

<svg width="300px" height="200px" viewBox="0 0 800 500" stroke="#003366" stroke-width="3">
  <g>
    <line x1="150" y1="250" x2="400" y2="250" />
    <line x1="150" y1="250" x2="400" y2="210" />
    <line x1="150" y1="250" x2="400" y2="170" />
    <line x1="150" y1="250" x2="400" y2="130" />
    <line x1="150" y1="250" x2="400" y2="90" />
    <line x1="150" y1="250" x2="400" y2="290" />
    <line x1="150" y1="250" x2="400" y2="330" />
    <line x1="150" y1="250" x2="400" y2="370" />
    <line x1="150" y1="250" x2="400" y2="410" />
  </g>
  <g>
    <line x1="650" y1="250" x2="400" y2="250" />
    <line x1="650" y1="250" x2="400" y2="210" />
    <line x1="650" y1="250" x2="400" y2="170" />
    <line x1="650" y1="250" x2="400" y2="130" />
    <line x1="650" y1="250" x2="400" y2="90" />
    <line x1="650" y1="250" x2="400" y2="290" />
    <line x1="650" y1="250" x2="400" y2="330" />
    <line x1="650" y1="250" x2="400" y2="370" />
    <line x1="650" y1="250" x2="400" y2="410" />
  </g>
</svg>

Ad #1

Ad #2