flying focus ring

Live demo

Example usage

<script
  src="https://cdn.jsdelivr.net/gh/hchiam/flying-focus@1.3.0/flying-focus.js"
  integrity="sha384-R/GTkKePjxM+7NiHK3HnRFNqvOoCND50qZZgnhKN8NsT3cRIIrTRw1EdS61VgW3W"
  crossorigin="anonymous"
></script>

bash get-integrity.sh

Inspiration for this

https://github.com/NV/flying-focus

https://github.com/hchiam/flying-focus_0

You can see a flying focus ring being used on the web accessibility web site https://webaim.org