Difference between revisions of "Filter (CSS property)"

From PowerUI
Jump to: navigation, search
(Created page with "PowerUI contains an experimental [https://developer.mozilla.org/en-US/docs/Web/CSS/filter filter CSS property] under the -spark prefix (-spark-filter): <syntaxhighlight lang=...")
(No difference)

Revision as of 18:08, 27 March 2017

PowerUI contains an experimental filter CSS property under the -spark prefix (-spark-filter):

-spark-filter: <filter-function> [<filter-function>]* | none | flatten
Inherited? Initial value
No none

For example:

<img src='hello.png' style='-spark-filter: sepia(60%)'>

This works by 'flattening' your elements - that's where it renders them to a RenderTexture - then the Loonim engine is applied based on the functions you provide.