如何使用jquery在鼠标上方设置社交共享按钮div的动画

我正在尝试为我的网站制作社交按钮动画

以右上角共享圆形div的动画为例：

如何制作这种类型的鼠标悬停动画？

您可以在这里查看演示

---

网站

用css画一个圆圈。如果你不想支持旧的浏览器，你也可以用css3代替jquery来制作动画。如果您想使用jquery，请阅读关于设置宽度/高度的内容，并可能使用动画功能。学习jquery。 这里是css3的一个示例

div.test {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    -webkit-transition-property: height, width;
    -webkit-transition-duration: 1s;
    background: red;
}

div.test:hover {
    width: 500px;
    height: 500px;
    -webkit-transition-property: height, width;
    -webkit-transition-duration: 1s;
    background: red;
}

---

如果我想通过jquery制作动画，我该怎么做？你可以使用jquery.animate（）使用css样式制作动画，检查这里：（我是jquery的0…首先，你检查这里，下载并播放？谢谢：）我会尝试。。。