网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。
然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：
为了实现镂空蒙层效果，作者发挥了小时候拼积木的才能，使用两层HTML结构，内层使用5块独立区域拼接形成，至于中间镂空的区域的阴影则是使用的图片实现的。
我们实际上只需要一层标签，一层空标签就可以实现我们的效果，且不需要图片……
文章关键字 ‘border-radius’
腾讯微云黑色遮罩引导蒙版更好的CSS实现方式
2016年03月7日，星期一秋月何时了，CSS3 border-radius知多少？
2015年11月1日，星期日深入理解CSS3 border-radius的一些特性表现。平时使用的那点东西只是浮于表面的，实际上，border-radius支持的属性值呢，还是有点料的，也有很多需要注意的tips. 本文就算是border-radius进阶学习，还是一如既往的，有丰富的截图，表情图，琐碎图，插科打诨图；有丰富的源代码展示，对了，还有纯手动打算的便于学习的demo。希望本文的内容能够对您的学习有所帮助。
小tip: CSS3如何实现圆角的outline效果？
2015年04月30日，星期四茫茫CSS海，乍一看去，貌似没有能让outline圆角的东西。注意措辞，“貌似”，我们如果有双犀利的眼睛，还是会发现某处藏可以让outline圆角的东西。这个东西是？……
点进去看看就知道了，有Demo，有截图，有源代码展示盒必要的讲解，总之，希望本文的内容能够对您的学习有所帮助！
小tip: SVG和Canvas分别实现图片圆角效果
2014年06月30日，星期一实现图片圆角的方法很多，图片覆盖，CSS3圆角，SVG, Canvas都可以实现，前两个大家可能都比较熟悉，这里，着重介绍后面2种技术实现。希望在某一时刻对有需要的同行能有帮助。必须的，有demo, 有截图，有源代码展示。
翻译：关于完美圆角实现的研究
2013年01月5日，星期六一些拓荒者，希望身体力行尝试些新的东西，这些东西的成果往往都是纯粹的实验结果，或者总结的可能并不准确的理论。对于实用主义者而言，这些似乎是很枯燥的。
还有一类人属于实践者，他们总敏锐捕捉到一些新颖的理论或实验结果，然后尝试性地应用在实践中。可能这些实践并不完美，也有可能成为了该方法的创造者。
还有一类人属于求知者，时刻关注新技术的发展与脉动，于是他们成为了一些新方法飞推广者。
还有一类人属于跟风者，这个技术大牛或某大网站使用了，于是，……
小tip：CSS3下的圆形遮罩效果实现与应用
2011年12月23日，星期五本文展示下如何使用单纯的CSS实现遮罩效果，并列举一个实例看看该技术在实际项目中的应用。一如既往，提供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的发展与浏览器支持情况。总之，希望能对您的学习有所帮助。
需警惕CSS3属性的书写顺序
2010年09月21日，星期二
本文主要的是如果不注意CSS3属性的书写顺序，可能就会给自己带来麻烦。本文通过简单的示例，简单的实例验证来说明这个问题。没有多少理论，没有多少饶舌，有的的简单的截图与代码展示，对了，还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。
我的应用
我的应用