react-css-filter

A CSS Filter wrapper as a React component.

⚠️ WORK IN PROGRESS!

Usage:

yarn add react-css-filter

• Import Filter component
• Declare and pass an effects object with desired filter effects. Please, see CSS Filter documentation for all the options.

import React from 'react'
import Filter from 'react-css-filter'
 
const App = () => (
  <Filter effects={{'drop-shadow': '2px 2px 3px #08C', sepia: '60%'}}>Forever and a day...</Filter>
)