前言Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，

随着浏览器对蒙版（mask）的支持越来越好，在web开发中使用蒙版（mask）也变得越来越流行，使用它可以实现一些非常好的视觉效果。

这段时间在豆瓣上看有什么剧的时候，发现豆瓣的loading动画还挺棒的。所以决定模仿着来写一个。 我通过CSS3配合SVG来完成这次模仿豆瓣的loading动画。没用过SVG的也不用慌，我下面会写出相应的属性方便你去理解。因为这个真的超简单。那么我们就直奔主题吧 我指定了一个宽…

这次项目用到了一些自定义的数据可视化组件，我把我做的部分抽出来几个典型做个汇总。 有些图片（例如下面这个jpg动图）太大，进行了一定程度的压缩，有点模糊（＾_＾）。 改进版：大小和亮暗用gap控制，近大远小，近亮远暗。 这篇文章画的是angle一个纬度，只要再增加另外一个纬度r…

SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。