我想起苹果上面的呼吸灯，，我打算在网站制作的时候，对于登陆用户提供一个呼吸logo显示其状态，，这个怎么实现呀，请教高人 这个会不会占很多资源呀
sll822 · 2012-05-15 11:32:50 +08:00 · 3660 次点击这是一个创建于 4576 天前的主题，其中的信息可能已经有所发展或是发生改变。
 |
1
xavierskip 2012-05-15 11:39:38 +08:00
可以使用css3 中的 animation 属性 来制作。你可以上网找一下css3的资料看一下，蛮简单的，网上也有例子。我做着玩的一个页面，看一下可不可以启发下你。
http://xavierskips.googlecode.com/svn/trunk/labs/neverstops.html 当然浏览器要支持。。 |
 |
2
laujh 2012-05-15 11:40:41 +08:00
最简单的就是做张 gif 图片咯。
|
 |
3
fline 2012-05-15 11:47:12 +08:00
@xavierskip 篮球到顶部的时候……好僵硬………………
|
 |
4
loading 2012-05-15 12:02:38 +08:00
以前就在qq上一堆动画表情，让对方死机。。。
有奇效 |
 |
5
Sivan 2012-05-15 12:08:21 +08:00
不会占用很多资源，用 CSS3 即可实现。
以前搞着玩弄过俩： http://lightcss.com/tutorials/transformers/ http://lightcss.com/tutorials/turtles/ 你说的那种效果只要用 animation 控制 Logo 的 opacity 就行。 |
|
6
xavierskip 2012-05-15 12:52:01 +08:00
@fline 额～～随便做着玩的，我技术很烂的。。。
|
 |
7
sll822 OP @xavierskip 恩恩，谢谢
|
Select Language