花一个晚上做出的 css3 loading

爱意满满的作品展示区。

This topic created in 4244 days ago, the information mentioned may be changed or developed.

预览地址： http://jsbin.com/teguruhiqi/1/watch?output

Supplement 1 · Nov 11, 2014

之前的有bug 小修复了一下。哈
http://jsbin.com/gaxurigahu/1/edit?output

Supplement 2 · Nov 12, 2014

终极版来了哈哈哈
http://jsbin.com/muqehamelo/1/edit?css,output
添加了颜色，还有修改font-size可以直接改变整个loading的大小，非常的方便呢。。。。

CSS3

做出

14 replies • 2014-11-11 13:55:06 +08:00

huxia

Nov 11, 2014

keyframes 也是自己写的？现在应该有一些软件可以用gui调的吧？

huxia

Nov 11, 2014

强！忘了说，强！

msg7086

Nov 11, 2014

不支持Opera感觉就是意料之中的事情……

wovfeng

Nov 11, 2014

@huxia 嗯自己写的，这样可以慢慢调效果。软件什么的没有用过呢，不知道好不好用。

wovfeng

Nov 11, 2014

@msg7086 Opera15之后就是blink的内核了。所以理论上应该是支持Opera的。

bsbgong

Nov 11, 2014

不错
背景色渐变的话，旋转的三维效果更明显

lijinma

Nov 11, 2014

上海电信 load 不出来你的所有的 static 下面的内容

msg7086

Nov 11, 2014

@wovfeng 自然说的不是Blinkera

wincat

Nov 11, 2014

大神，为虾米我复制黏贴到自己的页面下看到的效果却变了？firefox 33。求教！

wovfeng

Nov 11, 2014

@wincat e... 我开发移动端的，很久都没有care firefox了。如果需要的话，我可以优化下的

Seita

Nov 11, 2014

Dropbox 会收购这个 loading 的 :D

wovfeng

Nov 11, 2014

@wincat http://jsbin.com/gaxurigahu/1/edit?output 嗯我修改好了哈哈果然很多bug。谢谢你

wincat

Nov 11, 2014

@wovfeng 赞！立马给用上

wincat

Nov 11, 2014

@wovfeng 完美