Out of all the ideas presented so far, new image functions sound best to me, e.g. background-image: image-opacity(url(foo.png), 0.3); background-image: image-offset(url(foo.png), 100, 0); background-image: image-rect(url(foo.png), 100, 0, 100, 200); These are animatable with transitions, compose well and don't require changes to CSS fundamentals. For arbitrarily complicated stuff, I recommend SVG filters with additional named source images representing the CSS components of the source element. We probably need to figure out a mechanism so that filters can be parameterized with CSS values though --- both for ease of reuse and easy animation. Something like filter: url(effects.svg#LSD), 10, 10, 2; effects.svg contains <feOffset in="CSSBackground" x="$1" y="$2"/> <feColorMatrix type="hueRotate" values="$3"/> Rob -- "He was pierced for our transgressions, he was crushed for our iniquities; the punishment that brought us peace was upon him, and by his wounds we are healed. We all, like sheep, have gone astray, each of us has turned to his own way; and the LORD has laid on him the iniquity of us all." [Isaiah 53:5-6]
Received on Friday, 16 October 2009 21:33:03 UTC