css-triggers icon indicating copy to clipboard operation
css-triggers copied to clipboard

Mask-*, Clip-*

Open Martin-Pitt opened this issue 7 years ago • 3 comments

The mask-* and clip-path properties seem to be missing from the list.

Martin-Pitt avatar Mar 13 '18 13:03 Martin-Pitt

Any plans to add these in the near future? I came looking for mask :D

cWillow avatar Dec 12 '18 15:12 cWillow

This would be useful. Does anybody know if clip path cause paint or layout? I would be surprised if it causes layout but does it cause paint? The old Clip property did so should I assume this does?

Jab2870 avatar Apr 30 '19 13:04 Jab2870

It does cause repaints, tested clip-path with two values of two rectangular shapes in a polygon(…) in Chrome Canary with CSS Transition & and also CSS Animation.

I tested with transition/animation to see if a faster rendering path / off-thread / hardware acceleration would kick in, like it does for filter: blur(…).

(Yep, blurring is hardware accelerated / performant ikel transform, blurring is basically a lot more performant than animating clip-path)

Martin-Pitt avatar May 01 '19 14:05 Martin-Pitt