html5图片上的水滴效果,H5网页前端开发_Canvas简单水滴效果

/p>

html5前端开发教程

margin:0;

padding:0;

}

body{

width:100%;

height:100%;

overflow:hidden;

transform:scale(1.05);

}

.backgroundDiv{

width:100%;

height:100%;

position:fixed;

z-index:-1;

background:url(http://cdn.attach.qdfuns.com/notes/pics/201705/19/144931fpltgxgi7gbjggtj.jpg)centercenterno-repeat;

background-size:100%100%;

filter:blur(10px);

}

canvas{

position:absolute;

z-index:1;

border-radius:100%;

}