Re: [css-d] css masking
On Thu, Jun 4, 2015 at 10:23 PM, Philippe Wittenbergh e...@l-c-n.com wrote: I got something working in both Safari 8 and Opera 29: http://dev.l-c-n.com/_junk/mask.html Working in latest Chrome Mac as well... -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css masking
I see you made mask separate, class within a class, give it another shot ! Philippe Wittenbergh mailto:e...@l-c-n.com Thursday, June 04, 2015 10:23 PM There are quite a few typos in your fiddle… And your generated element will do nothing because it is empty. At a minimum, you’d need to add `content:''; ` to have that ::after element do something. I got something working in both Safari 8 and Opera 29: http://dev.l-c-n.com/_junk/mask.html Dunno if this is what you’re after… According to caniuse, it is enabled by default, unperfected in Chromium based browsers, but at least in Opera, you need the -webkit prefix (and I’m not clear if the `mask-type:` is actually fully supported). http://caniuse.com/#search=mask Philippe -- Philippe Wittenbergh http://l-c-n.com/ Crest Christopher mailto:crestchristop...@gmail.com Thursday, June 04, 2015 9:23 PM A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css masking
On Fri, Jun 5, 2015 at 9:18 AM, Crest Christopher crestchristop...@gmail.com wrote: I see you made mask separate, class within a class, give it another shot ! Are you saying *you* will give it another shot, or are we supposed to be looking at something new you did? -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css masking
.two:after rule has typo. On Thursday, June 4, 2015, Crest Christopher crestchristop...@gmail.com wrote: A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css masking
Le 5 juin 2015 à 10:23, Crest Christopher crestchristop...@gmail.com a écrit : A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? There are quite a few typos in your fiddle… And your generated element will do nothing because it is empty. At a minimum, you’d need to add `content:''; ` to have that ::after element do something. I got something working in both Safari 8 and Opera 29: http://dev.l-c-n.com/_junk/mask.html Dunno if this is what you’re after… According to caniuse, it is enabled by default, unperfected in Chromium based browsers, but at least in Opera, you need the -webkit prefix (and I’m not clear if the `mask-type:` is actually fully supported). http://caniuse.com/#search=mask Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/