4月24日，Burberry亚太地区规模最大的旗舰店在上海开幕。Burberry突破性地运用了诸多创新的数字营销模式，借助与腾讯的合作，为更多未能到场的用户创造了一个“平行的体验”，也正式开启了Burberry的创新数字营销之旅。其中特效效果中，利用了云雾褪去的效果，引起了广泛关注。通过chrome的审查元素功能，在Resources中找到了这张图片（由于图片是白色的png，为了让大家看清楚，我将背景调成了黑色）。该效果的实现方式非常简单，采用了CSS3的-webkit-mask来实现。-webkit-mask类似于photoshop中的蒙板，在背景图片上加上一层蒙板，背景中的图片会透过蒙板中的白色部分显示出来，而蒙板中的透明部分则会遮挡住背景。以下是实现的基本步骤：

Step 1.为背景加上蒙板


<body>

   <div>

   ...

   </div>

</body>