daily-share icon indicating copy to clipboard operation
daily-share copied to clipboard

clip-path 切割图形(2020-05-07)

Open yaogengzhu opened this issue 4 years ago • 0 comments

clip-path 切割图形

需求是切图一个不规则的图形,方案原本采用伪元素处理,更好的方案处理是使用css: clip-path处理。 image

  • 以下采用的css-in-jss
 mermberBg: {
        position: 'absolute',
        minWidth: '52px',
        height: '20px',
        right: 0,
        top: 0,
        '-webkit-clip-path': 'polygon(0 0, 100% 0, 78% 100%, 0 100%)',
    }

yaogengzhu avatar May 07 '20 03:05 yaogengzhu