如何解决用CSS做一个“洞”剪切路径
因此,带有圆的常规剪切路径会有效地删除圆周围的所有内容,而仅留下圆,但是有办法做到这一点的逆向吗?如此,圆圈部分就被完全删除了(结果是透明的)?
/* Would make a DIV that winds up as a 200x200 circle */
.normal
{
background-color: Green;
clip-path: circle(100px);
width: 480px;
height: 270px;
}
我一直在寻找剪切路径或可能的遮罩,但是我对此没有任何明确的答案。
这是我想要做的JS小提琴: https://jsfiddle.net/9xh4ms2z/
*请注意,中间DIV只是手工绘制的圆。
如果任何人有任何建议,将不胜感激。谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。