Preview
'/%3E%3Ccircle cx='100' cy='80' r='40' fill='%23fff' opacity='0.3'/%3E%3Ccircle cx='300' cy='200' r='60' fill='%23fff' opacity='0.2'/%3E%3Crect x='150' y='120' width='100' height='80' rx='10' fill='%23fff' opacity='0.25'/%3E%3Ctext x='200' y='160' text-anchor='middle' fill='white' font-family='system-ui' font-size='14' font-weight='600'%3ESample Image%3C/text%3E%3C/svg%3E)
Filter Controls
0px
100%
100%
0%
0deg
0%
100%
100%
0%
px
px
px
Presets
Custom Filter Chains
No saved filter chains yet. Create filters and save them!
Generated CSS
filter: none;