[css-images][filter-effects] interpolation of filter() to url()/image()


I had a discussion on IRC about interpolating from a CSS Image filter() function to a normal image reference and the other way around. It was suggested that authors may not want to use filter() at start and end of a transition to have a interpolation of filter functions. At least if the input image on filter() is the same as the image at the end of the transition.

@keyframes filter {
  0% {
    background-image: filter(url(image.png), grayscale(100%));
  100% {
    background-image: url(image.png);

The request was that the function above does not do a cross-fade from one image to the other but interpolate the grayscale filter function instead. Just as if the author would have specified filter(url(image.png), grayscale(0)).

Note that this request is just for interpolating from and to the same image source.

The question is if we should just special case filter() or other image functions as well it we think this is useful. And to which extend to we want to support it?


Received on Wednesday, 4 September 2013 06:52:31 UTC