Blending Mixmodes
React Neon takes a mixmode prop to control how the effect layer is combined with the component (using CSS's mix-blend-mode property). Eg.
import withNeon, { fx } from 'react-neon';
import ShoppingList from './ShoppingList';
const SnowEffect = new fx.Snow({ size: 10 });
const SnowShoppingList = withNeon(ShoppingList, SnowEffect);
<SnowShoppingList mixmode="screen" />The available mixmode values are;
normal
multiply
screen
overlay
darker
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity