JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 10
  • Score
    100M100P100Q41960F
  • License ISC

A pointer driven hover effect that rotates images in place with subtle parallax effects

Package Exports

  • react-parallax-hover

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-parallax-hover) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

#Parallax Hover React Component Inspired by @drewwilson’s atvImg, ported to React. Allows for non image based layers. Currently only supports mouse events.

Pull requests and suggestions more than welcome :]

Install

npm install --save react-parallax-hover

Demo

http://codepen.io/TylerK/full/Gpdqqq

Run the example locally

git clone https://github.com/tylerk/react-parallax-hover/
cd react-parallax-hover
npm install
npm start

Usage

import ParallaxHover from 'react-parallax-hover';

<ParallaxHover width='500' height='500'>
    <img ref='image' src='...' />
    <div ref='text'>Some text</div>
</ParallaxHover>

TODOs

  • More robust configuration
  • Touch event handling
  • Github pages site with examples and demo's
  • Animated gif hotness for this readme