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

2015-05-30 07:19:32 +08:00
 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

3640 次点击
所在节点    CSS
5 条回复
lvfujun
2015-05-30 08:39:43 +08:00
刚学前端?
loading
2015-05-30 09:06:18 +08:00
@lvfujun 没发现这是推广?
killerand1983
2015-05-30 09:08:05 +08:00
又是这网站,首页的MBA,用的WIN版的火狐,记忆犹新。还是和当初一样,马上关闭网页。
wsph123
2015-05-30 13:10:57 +08:00
😿棒棒的!
lvfujun
2015-06-01 12:02:49 +08:00
@loading 没有.

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

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

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

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

© 2021 V2EX