http://googleblog.blogspot.in/
当您将鼠标移到球上时,球会反弹。谁能告诉这是怎么做到的。。
每个球都是这样制作的 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 进行的,捕获鼠标按钮和数学公式。
它带有圆角 div 和一些 CSS3 技巧的纯 CSS