每日一弹: css3 的旋转球体实现效果

2015 年 5 月 30 日
 jjfat

上次发滴大板牙大家觉得简单,这次发一个有动画效果滴

主要动画代码:

@keyframes rotate3d {
    0% {transform:rotate(-20deg) rotateX(-20deg) rotateY(0)}
    100% {transform:rotate(-20deg) rotateX(-20deg) rotateY(360deg)}
}

使用prefixfree解决css3兼容问题,节约代码长度

代码把玩地址: http://dwz.cn/ballanimation

4034 次点击
所在节点    CSS
5 条回复
lvfujun
2015 年 5 月 30 日
刚学前端?
loading
2015 年 5 月 30 日
@lvfujun 没发现这是推广?
killerand1983
2015 年 5 月 30 日
又是这网站,首页的MBA,用的WIN版的火狐,记忆犹新。还是和当初一样,马上关闭网页。
wsph123
2015 年 5 月 30 日
😿棒棒的!
lvfujun
2015 年 6 月 1 日
@loading 没有.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/194830

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX