No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
.babelrc
.editorconfig
.eslintrc
.gitignore
README.md
package-lock.json
package.json
rollup.config.js
screenshot.png

README.md

react-bezier-mask

NPM JavaScript Style Guide

screenshot

Description

A ReactJS component that provides a mask using Bezier curves. There's a great article on HackerNoon about the significance of using Bezier curves for corners.

Demo

https://wle8300.github.io/react-bezier-mask/

Install

npm install --save react-bezier-mask

Usage

import React, { Component } from 'react'

import Mask from 'react-bezier-mask'


class Example extends Component {
  render () {
    return (
      <Mask>
        <img src="path/to/image.jpg"/>
      </Mask>
    )
  }
}

TODO

  • use a solution that doesn't rely on CSS -webkit-mask to promote browser compatibility

License

MIT © wle8300