css圆形窗口

本实例可应用于头像裁剪(查看效果

<div class="outer">
</div>
<style type="text/css">
    .outer {
        width: 500px;
        height: 500px;
        background: url('http://img2.cutool.com/5f31c1a941daf56f9ca3b9e7da03db28eiwdck1jzi_450') no-repeat center;
        border: 180px solid rgba(0,0,0,0.35);
        box-sizing: border-box;
        border-radius: 257px;
    }
</style>
blog comments powered by Disqus