-3

http://googleblog.blogspot.in/

当您将鼠标移到球上时,球会反弹。谁能告诉这是怎么做到的。。

4

2 回答 2

2

每个球都是这样制作的 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 进行的,捕获鼠标按钮和数学公式。

于 2012-04-25T09:11:16.260 回答
0

它带有圆角 div 和一些 CSS3 技巧的纯 CSS

于 2012-04-25T09:45:04.687 回答