title: Change cursor opacity with css
body: <p>For a touch screen application it may be nice to have the custom cursor fade to opacity = 0 after the screen has not been touched for a while and jump back to opacity = 1 if the screen is touched again.</p>
  
  <p>Is there a way to achieve this with just some css styling?</p>
  
  <p><strong>update:</strong> whether or not the cursor is displayed depends on the handling of the underlying system (in particular desktop). As I'm using just a browser on top of a bare X-Server, the cursor is always displayed.</p>