css冷门属性

下面是一些冷门属性，还不太常用

mask

mask详解MDN

张鑫旭博客-CSS转场动画

mask的基本用法

基本语法

{
    mask: url(mask.png);                       /* 使用位图来做遮罩 */
    mask: url(masks.svg#star);                 /* 使用 SVG 图形中的形状来做遮罩 */
    mask: linear-gradient(#000, transparent)   /* 使用渐变来做遮罩 */
}

示例css代码

{
    background: url(image.png) ;
    mask: linear-gradient(90deg, transparent, #fff);
}

效果

codepen demo--mask基本用法