https://github.com/nv/focus-hug

Focus outline transition
https://github.com/nv/focus-hug

javascript ui ui-components ui-experiment

Last synced: about 2 months ago
JSON representation

Focus outline transition

• Host: GitHub
• URL: https://github.com/nv/focus-hug
• Owner: NV
• License: mit
• Created: 2013-12-09T05:20:24.000Z (about 11 years ago)
• Default Branch: gh-pages
• Last Pushed: 2013-12-09T05:22:09.000Z (about 11 years ago)
• Last Synced: 2024-04-15T13:56:33.900Z (8 months ago)
• Topics: javascript, ui, ui-components, ui-experiment
• Language: JavaScript
• Homepage: http://n12v.com/focus-transition-2/
• Size: 117 KB
• Stars: 9
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.markdown
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

        
[Flying Focus](//github.com/NV/flying-focus/)

 · [Focus Snail](//github.com/NV/focus-snail/)

 · [Focus Zoom](//github.com/NV/focus-zoom/)

 · **Focus Hug**

## [focus-hug.js](http://nv.github.io/focus-hug/standalone/focus-hug.js)

To use, just include `` inside either `` or ``.

It includes all necessary CSS and has no external dependencies.

To build from source use `rake standalone`.

### API

Focus Hug exposes `focusHug` global variable.

`focusHug.trigger(element)` manually runs for the specified element.

`focusHug.enabled = true` trigger the effect on focus event.