A CSS Filter wrapper as a React component.
yarn add react-css-filter- Import Filter component
- Declare and pass an
effectsobject 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>
)