好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3学习笔记(5)-页面遮罩效果_html/css_WEB-ITnose

今天把页面遮罩的效果发一下,之前遮罩都是用JS实现的,忽然发现CSS3里面的box-shadow属性除了做立体阴影外,还可以做页面的遮罩~~~~

下面来看一下完成的动态效果:

从上图可以看出,就是当鼠标悬浮在按钮上时,会出现整个页面的遮罩,当然调一下透明度就是网页中经常看到的当鼠标悬浮在一张图片上时,周围的其他图片都被遮罩了,这样就达到了突出这张图片的效果,其实这个效果做出来很简单~~~~~

一、主体程序:

                                                    

透明遮罩

查看更多关于CSS3学习笔记(5)-页面遮罩效果_html/css_WEB-ITnose的详细内容...

  阅读:32次