网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。
然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：
为了实现镂空蒙层效果，作者发挥了小时候拼积木的才能，使用两层HTML结构，内层使用5块独立区域拼接形成，至于中间镂空的区域的阴影则是使用的图片实现的。
我们实际上只需要一层标签，一层空标签就可以实现我们的效果，且不需要图片……
文章关键字 ‘box-shadow’
腾讯微云黑色遮罩引导蒙版更好的CSS实现方式
2016年03月7日，星期一小tip: CSS3如何实现圆角的outline效果？
2015年04月30日，星期四茫茫CSS海，乍一看去，貌似没有能让outline圆角的东西。注意措辞，“貌似”，我们如果有双犀利的眼睛，还是会发现某处藏可以让outline圆角的东西。这个东西是？……
点进去看看就知道了，有Demo，有截图，有源代码展示盒必要的讲解，总之，希望本文的内容能够对您的学习有所帮助！
再说CSS3 animation实现点点点loading动画
2014年12月28日，星期日以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
currentColor-CSS3超高校级好用CSS变量
2014年10月25日，星期六currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，是非常强大非常好用的一个关键字。本文就将介绍这个关键字的含义、表现，以及提供两个实例展示其价值之处。必要的源代码、必要的截图、必要的demo一个不少，总之，希望本文的内容能够对您的学习有所帮助。
CSS3图标图形生成技术个人攻略
2014年04月23日，星期三
还在使用Sprite背景实现小图标效果？还是自以为潮流使用font face实现小图标？不妨试试CSS3来实现图标生成效果，更精致的效果，更方便的维护，没有额外的请求，可以Gzip, 同时适配retina视网膜屏幕。
本文就全方位展示了自己在CSS3图标图形生成上的一些技术、攻略心得。精良的demo，完整的兼容解决展示，详尽的各种图形实现分析，多多截图，必要的源代码展示。总是，希望本文的内容能够对你的学习有所帮助。
CSS3 box-shadow盒阴影图形生成技术
2013年11月29日，星期五理论上，CSS3 box-shadow盒阴影可以生成任意的图形，小月格格的靓照，含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意，美女靓照一个都不少。说不定，你会有别样的收获哦！【挑眉】
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
小tip:巧用CSS3属性作为CSS hack
2011年08月15日，星期一本文是个短篇，一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果，同时，又能兼顾一些现代浏览器。提供demo页面，必要截图以及源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
JS护航下CSS3效果的渐进增强使用
2011年07月29日，星期五
本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角，盒阴影效果，又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法，有别于传统为了兼容性牺牲CSS3的做法，也不是当下一些JavaScript CSS3库的做法。
作为观点式的文章，必定有效果良好的demo，有源代码展示，还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。
几种纯CSS(CSS3)下的纸张效果实现展示
2011年02月16日，星期三
本文主要展示如果使用纯CSS实现纸张效果，这里的CSS其实主要指CSS3. 展示的纸张效果也不是一种，就文中具体内容来看，有三个，一个是中规中矩的，二是渐变有曲线投影效果的，还有一个就是有分隔线圆弧卷边效果的。每个效果都配有截图展示，有对应的demo页面，还有必要源代码展示，同时，穿针引线地介绍了写最新的CSS3的发展与浏览器支持情况。总之，希望能对您的学习有所帮助。
我的应用
我的应用