Skip to content

JSLess/Demo-CSS-Sparks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.