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

Focus ring with animation to indicate motion
https://github.com/hchiam/flying-focus

a11y accessibility css focus js keyboard

Last synced: 7 months ago
JSON representation

Focus ring with animation to indicate motion

• Host: GitHub
• URL: https://github.com/hchiam/flying-focus
• Owner: hchiam
• License: mit
• Created: 2020-06-11T22:01:19.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-12-18T05:14:35.000Z (almost 5 years ago)
• Last Synced: 2025-03-19T08:03:43.517Z (7 months ago)
• Topics: a11y, accessibility, css, focus, js, keyboard
• Language: JavaScript
• Size: 18.6 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

          
# flying focus ring

![version](https://img.shields.io/github/release/hchiam/flying-focus) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/hchiam/flying-focus/blob/master/MIT-LICENSE.txt) [![HitCount](http://hits.dwyl.com/hchiam/flying-focus.svg)](http://hits.dwyl.com/hchiam/flying-focus)

[Live demo](https://codepen.io/hchiam/pen/MWKKxdW)

[Example usage](https://github.com/hchiam/flying-focus/blob/master/example-usage.html)

```html

```

```bash

bash get-integrity.sh

```

## Inspiration for this

You can see a flying focus ring being used on the web accessibility web site