Skip to content

Latest commit

 

History

History
51 lines (31 loc) · 881 Bytes

README.md

File metadata and controls

51 lines (31 loc) · 881 Bytes

CSS Sparks Demo

Simple demonstration of CSS Sparks, a technique
to observe user events without JavaScript.


[ Demo ]   [ Blog ]


How To

  • Install Deno

  • Start the server

    deno run dev
  • Open a browser at

    http://localhost:8000
    

Observation

Upon hovering / unhovering the element on the left side,
the indicator on the right changes it's background color.

The spark allows the server to observe the hover / unhover
event, which it responds to with a style tag overriding the
indicators' background color.