Displaying 1 to 20 from 32 results

bootstrap-hover-dropdown - An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience

  •    HTML

Twitter Bootstrap is now just Bootstrap, and I've renamed this repo, renamed the files and change all references from Twitter Bootstrap to just Bootstrap in the docs/example to reflect that.No actual code changed, so I am keeping the current version (2.0.1 at the time of this writing), but be aware of the lack of twitter- from the beginning of the JS files and how that might affect you.

drift - Easily add "zoom on hover" functionality to your site's images

  •    Javascript

Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript. If you're using the pre-built version of Drift, it will automatically make window.Drift available for your use when included on your page.

go-flutter - Flutter on Windows, MacOS and Linux - based on Flutter Embedding, Go and GLFW.

  •    Go

Flutter allows you to build beautiful native apps on iOS and Android from a single codebase. This unofficial project brings Flutter to the desktop through the power of Go and GLFW.

direction-reveal - Direction aware content reveals via hover or tab on an element.

  •    CSS

This plugin detects which direction a user enters/exits a block, allowing you to reveal/hide content based on this direction. The hidden content can animate in from the direction the user enters and animate out the direction the user leaves, allowing you to create interesting animation effects. The script is an ES6(ES2015) module but a compiled version is included in the build as index.js. You can also copy scripts/direction-reveal.js into your own site if your build process can accomodate ES6 modules, Babel and Browserify are used in the demo site.




zoomove - :mag: :fireworks: Enlarges the image with the mouse hover and move

  •    Javascript

It's a plugin developed with jQuery, that allows to dynamically zoom images with mouseover, and view details with mouse move. If you prefer you can just download a ZIP file.

whichTriangle

  •    JQuery

A small jQuery plugin that helps you divide an element into four triangles and test co-ordinates on them.

relocator

  •    JQuery

Relocator is lightweight jQuery plugin to create photo gallery. this plugin will make the different size images to fit with the specified canvas without "size resizing"


jquery.bighover

  •    JQuery

This plugin for jquery allows to have a big version of the image actually hovered by the mouse. Simple but effective :)

postcss-focus - PostCSS plugin to add :focus selector to every :hover for keyboard accessibility

  •    Javascript

PostCSS plugin to add :focus selector to every :hover for keyboard accessibility.See also postcss-pseudo-class-enter for more explicit way.

remove-hover - Remove :hover rules from all stylesheets.

  •    Javascript

Hover state doesn't exist on touch based devices as there is no pointer, but browser still trigger it the way that element remains :hover state after interaction is done. This small script implements the last solution. For the most cases it should be enough. In my tests it takes some milliseconds. Also this can be done after the DOM is ready, so it shouldn't impact app performance.

Hoverizr - Image manipulation and overlay jQuery plugin

  •    Javascript

An image manipulation and overlay plugin for jQuery

wholly - jQuery plugin used to select the entire table row and column in response to mouseenter and mouseleave events

  •    Javascript

jQuery plugin used to select the entire table row and column in response to mouseenter and mouseleave events. Wholly supports table layouts that utilize colspan and rowspan. Interactive demo.

buffer-redux-hover - Keep React component hover state in redux

  •    Javascript

The hovered prop is set to true on MyHoverableComponent when the mouse is hovering over it. Otherwise it's set to false. As long as id's are different, they'll be independently hoverable. The above example sets the strings manually, but you could also use a uuid() too.

hover-api - Hover DNS API Client

  •    Javascript

Hover DNS api client, inspired completely by https://gist.github.com/dankrause/5585907.

MenuHoverEffects - Some inspiration for menu hover effects.

  •    HTML

Some inspiration for menu hover effects. This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

postcss-hocus - Postcss-hocus fixes a tiny but annoying part of CSS: That you have to repeat yourself whenever you want to specify both `:hover` and `:focus`

  •    Javascript

Postcss-hocus fixes a tiny but annoying part of CSS: That you have to repeat yourself whenever you want to specify both `:hover` and `:focus`.

react-hover-observer - A React component that notifies its children of hover interactions

  •    Javascript

A React component that notifies its children of hover interactions. Optionally observe mouseenter, mouseleave, mouseover, and mouseout events.

movver - The concept of hover on touch devices

  •    Javascript

Movver exists solely to provide the concept of a hover on touch devices. It does this by keeping a log of where you're tapping to scroll and then figures out what you're most likely looking at on the remaining viewable portion of the screen. It has no dependencies, and works in all major mobile browsers. Simply attach callbacks to page elements and they'll be executed as they're being looked at. <script src="your/path/to/movver.min.js"></script> or npm install movver or bower install movver.