从图像css的透明层切割自定义形状

时间：2016-05-23 07:15:07

标签： css css3

我想要实现的是custom shape cut from tranparent layer of image

我可以通过以下代码

来实现这一目标 
<html>
<head>
    <style type="text/css">
div{
    position:relative;
    width:100%; height:100%;
    margin:0 auto;
    overflow:hidden;
}
div:after{
    content:'';
    position:absolute;
    left:175px; top:25px;
    border-radius:100%;
    width:150px; height:150px;
    box-shadow: 0px 0px 0px 2000px rgba(255,255,255,0.9);
}
body{background: url('http://cdn.home-designing.com/wp-content/uploads/2009/07/living-room.jpg');background-size:cover;}
</style>
</head>
<body>
    <div></div>
</body>
</html>

但是如果我们想要一些复杂的形状多边形，不能用圆形，矩形，而是用这些形状的混合来单独表示。

0 个答案:

没有答案
相关问题
最新问题