使用css制作镂空效果_html/css_WEB-ITnose

今天做一个用户头像上传的页面，在本地选择一个图片，用户调整位置后保存，tx qq 的头像做的不错

设计让我也做一个这样的效果，没见过，于是百度，丫的，竟然没搜到　，好吧自由自己来，开始想用 canvas做，想想 挺麻烦的，于是灵感一来，想到了！！

代码如下：

                                                        html,            body {                width: 100%;                height: 100%;                overflow: hidden;            }            * {                margin: 0;                padding: 0;            }            .su {                position: relative;                width: 300px;                height: 300px;                border: 1px solid red;                margin: 0 auto;                overflow: hidden;            }            .lk {                position: absolute;                width: 100px;                height: 100px;                border-radius: 50%;                border: 200px solid rgba(0,0,0,0.4);                top: 50%;                margin-top: -250px;                left: 50%;                margin-left: -250px;            }                           
            


      
查看更多关于使用css制作镂空效果_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110292