- From: Alan Gresley <alan@css-class.com>
- Date: Wed, 25 Dec 2013 17:10:04 +1100
- To: "Tab Atkins Jr." <jackalmage@gmail.com>, Rik Cabanier <cabanier@gmail.com>
- CC: Dirk Schulze <dschulze@adobe.com>, www-style list <www-style@w3.org>
On 14/11/2013 2:59 PM, Tab Atkins Jr. wrote: > On Wed, Nov 13, 2013 at 7:41 PM, Rik Cabanier <cabanier@gmail.com> wrote: >> Example 2 could also be done with the CSS filter image function [1]. > > How? > > ~TJ Rik is correct. It can be done using <image> function. http://css-class.com/test/css/3/image/background-opacity-movement1.htm I can not test it personally since I don't have a Mac (only Safari 5.1.17 on Windows). Instead of having opacity buried within a value with parenthesis, like as follows, background-image: filter(foo.jpg, opacity(0.5)); it would be much more powerful to have the filter as an independent background property so the filter value can be animated. background-image: url(foo.jpg); background-filter: opacity(50%); 1: https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html#FilterCSSImageValue -- Alan Gresley http://css-3d.org/ http://css-class.com/
Received on Wednesday, 25 December 2013 06:10:36 UTC