http://googleblog.blogspot.in/
当你将鼠标移到它上面时,球会反弹。任何人都可以告诉我们这是怎么做的。
答案 0 :(得分: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,捕获鼠标按钮和数学公式进行移动。
答案 1 :(得分:0)
它纯粹的css有圆角div和一些CSS3技巧