我想起苹果上面的呼吸灯,,我打算在网站制作的时候,对于登陆用户提供一个呼吸logo显示其状态,,这个怎么实现呀,请教高人 这个会不会占很多资源呀

2012-05-15 11:32:50 +08:00
 sll822
3660 次点击
所在节点    分享创造
7 条回复
xavierskip
2012-05-15 11:39:38 +08:00
可以使用css3 中的 animation 属性 来制作。你可以上网找一下css3的资料看一下,蛮简单的,网上也有例子。我做着玩的一个页面,看一下可不可以启发下你。
http://xavierskips.googlecode.com/svn/trunk/labs/neverstops.html
当然浏览器要支持。。
laujh
2012-05-15 11:40:41 +08:00
最简单的就是做张 gif 图片咯。
fline
2012-05-15 11:47:12 +08:00
@xavierskip 篮球到顶部的时候……好僵硬………………
loading
2012-05-15 12:02:38 +08:00
以前就在qq上一堆动画表情,让对方死机。。。
有奇效
Sivan
2012-05-15 12:08:21 +08:00
不会占用很多资源,用 CSS3 即可实现。

以前搞着玩弄过俩:
http://lightcss.com/tutorials/transformers/
http://lightcss.com/tutorials/turtles/

你说的那种效果只要用 animation 控制 Logo 的 opacity 就行。
xavierskip
2012-05-15 12:52:01 +08:00
@fline 额~~随便做着玩的,我技术很烂的。。。
sll822
2012-05-15 13:52:42 +08:00
@xavierskip 恩恩,谢谢

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

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

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

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

© 2021 V2EX