Skip to main content

CSS Filters

info

Supported for playables built on plugin from version 7.0.0

Overview

It's a dedicated section in Unity Playworks editor named Filter Settings. You can apply various CSS visual filters to improve the overall appearance of the playable by enabling it clicking on section toggle.

images-large

Full list of supported filters

FieldType / OptionsDetails
BrightnessSlider / Int valueAdjusts the overall lightness or darkness of the playable
SaturateSlider / Int valueControls the intensity of colors, from muted to vivid
ContrastSlider / Int valueModifies the difference between light and dark areas
SepiaSlider / Int valueApplies a warm, brownish tone for a vintage effect
GrayscaleSlider / Int valueConverts the playable to shades of gray
Hue RotateSlider / Int valueShifts all colors around the color wheel

Interactive preview

Try adjusting the filters below to see how they affect the playable preview:

Brightness
100%
Saturate
100%
Contrast
100%
Sepia
0%
Grayscale
0%
Hue Rotate
0°