mask-composite

-webkit-mask-composite: clear; /*清除，不显示任何遮罩*/

-webkit-mask-composite: copy; /*只显示上方遮罩，不显示下方遮罩*/

-webkit-mask-composite: source-over; /*默认值，正常的叠加，等同于 add */

-webkit-mask-composite: source-in; /*只显示重合的地方，等同于 intersect*/

-webkit-mask-composite: source-out; /*只显示上方遮罩，重合的地方不显示，等同于subtract*/

-webkit-mask-composite: source-atop; /*只显示下方遮罩*/

-webkit-mask-composite: destination-over; /*正常叠加*/

-webkit-mask-composite: destination-in; /*只显示重合的地方*/

-webkit-mask-composite: destination-out;/*只显示下方遮罩，重合的地方不显示*/

-webkit-mask-composite: destination-atop;/*只显示上方遮罩*/

-webkit-mask-composite: xor; /*只显示不重合的地方，等同于 exclude*/