这是什么样的图形？

Question

http://googleblog.blogspot.in/

当你将鼠标移到它上面时，球会反弹。任何人都可以告诉我们这是怎么做的。

Answer 1

每个球都是这样的div：

<div style="position: absolute; z-index: -1; border-top-left-radius: 400px; border-top-right-radius: 400px; border-bottom-right-radius: 400px; border-bottom-left-radius: 400px; background-color: rgb(68, 134, 197); -webkit-transform: translate(0.13934886012209222px, 15.280991621327088px); width: 40.078411732250885px; height: 40.078411732250885px; "></div>

圆形是由于-webkit-transform:matrix();

使用普通的javascript，捕获鼠标按钮和数学公式进行移动。

Answer 2

它纯粹的css有圆角div和一些CSS3技巧