react-blur-mouseover v1.0.1

react-blur-mouseover(demo)

This is a component for React that gives you the ability to view before and after photos with a blur circle.

Install

npm install --save react-blur-mouseover

Usage

import React, { Component } from 'react'

import ReactBlurMouseover from 'react-blur-mouseover'

class Example extends Component {
  const firstImage = {
      src : 'image1.jpg',
      width: '100%',
      height: '500px'
  };
  const secondImage = {
      src : 'image2.jpg',
      width: '100%',
      height: '500px'
  };
  render() {
    return <ReactBlurMouseover
               firstImage={firstImage}
               secondImage={secondImage}
               radius={100}
               />
  }
}

Props

License

MIT © saberap