html阴影特效作品及代码,纯CSS做特效网页(阴影,透明,画圆圈等等)

每天进步一点，其实是很了不起的事情了。

废话不多说，直接看图！

效果2

效果2

第一步(可以先把背景图搞出来，当然你也可以先画主体，最后在搞背景，看自己心情嘛)

html body {margin: 0;padding: 0;}

body {

/*no-repeat 是背景图片，且只显示一次*/

background: url(img/img.jpg) no-repeat;

/*背景图片完全覆盖背景区域*/

background-size: cover;

}

上面代码写完，就会出现这个效果了

背景图片

现在呢，画主体，(先画一个框，并且在屏幕中间)

主体

视觉上的效果？用到了什么技术呢？

(1)背景颜色(透明)

(2)四个角都有弧度