[css-d] css masking

2015-06-04 Thread Crest Christopher
A while ago I posted I couldn't get masking to work; here is my example 
.  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

2015-06-04 Thread Tom Livingston
.two:after rule has typo.



On Thursday, June 4, 2015, Crest Christopher 
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

2015-06-04 Thread Philippe Wittenbergh

> Le 5 juin 2015 à 10:23, Crest Christopher  a 
> écrit :
> 
> A while ago I posted I couldn't get masking to work; here is my example 
> .  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/

Re: [css-d] css masking

2015-06-05 Thread Tom Livingston
On Thu, Jun 4, 2015 at 10:23 PM, Philippe Wittenbergh  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

2015-06-05 Thread Crest Christopher

I see you made mask separate, class within a class, give it another shot !


Philippe Wittenbergh 
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 
Thursday, June 04, 2015 9:23 PM
A while ago I posted I couldn't get masking to work; here is my 
example .  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

2015-06-05 Thread Tom Livingston
On Fri, Jun 5, 2015 at 9:18 AM, Crest Christopher
 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/