用 CSS 写了几个 hover 特效，求拍砖

[nodejs]

没什么技术含量，纯好玩而已,大家也许可以用到下一个项目中 :)

演示： http://gudh.github.io/ihover/dist/index.html

Github Repo在这里： https://github.com/gudh/ihover

[dong3580]

@nodejs
IE9都不支持，没戏。
客户要求都是全部支持，起码IE7+，变态的都是要求IE6的。

[gaicitadie]

很赞，HTML5+CSS3，人类的希望

[andyliu]

不错 喜欢Circle

[levon]

cool

[ggiiss]

不错

[nodejs]

@dong3580 IE9是可以的 (不可以的我标注了)，就是没有动画而已

IE6~8，不支持CSS3，所以肯定不行了 :)

不过还好，这边客户都只要IE9及以上就行，面试的时候一听到IE6~8，我回头就走 ;) 开玩笑的

[kutata]

Nice, 好多效果呀。

[learnshare]

好看就行，不支持垃圾浏览器是趋势，IE 9 跑不动很正常

[kyze8439690]

不知为何想起了moto 360（android wear）

[gotounix]

Firefox 看到第13个，崩溃了，直接退出弹错了……

[loading]

这个可以到codepen搜hover，很多。

感谢lz分享。 css3很好玩

[151515]

牛逼哇

[vinsa]

cool!

[airbob]

很好,赞!

[dong3580]

@learnshare
谁想为了兼容写一堆东西呀，诶，没办法啊，看到人家要兼容IE6,IE7之类的就恶心

[tonghuashuai]

@dong3580
我觉得还在用 IE6 的人根本不用这么特效

[isaced]

赞！

[airyland]

cool

[sconfield]

碉堡了，瞻仰瞻仰。。。。

[airyland]

大赞

[housne]

赞！

[housne]

炒鸡赞

[yangg]

不错，赞

[iinterest]

效果不错，赞一个，不过 :hover 有很大的局限性，比如在 HTML5 支持最好的的移动平台上无法使用。可以考虑独立成一个动画库

[sneezry]

炫爆了，已收藏，感谢已送出。

[paloalto]

非常棒！感谢分享。以后可以用到实际项目中。


有人说要兼容IE 6/7的，一直想说点这方面的想法，正好现在有十几分钟的时间，那就说一下好了。不是为了针对谁，不是为了挑起矛盾，只是自说自话，觉得我说的不对，请大力地block我好了。

大家也都知道，为了兼容这些低版本浏览器，我们在开发中需要付出额外的时间和精力，大多数时候是身(shang)不(ji)由(yao)己(qiu)。但是大家有没有意识到这是在自己挖坑自己跳？这次你花了1/3的时间让你的项目兼容了低版本浏览器，IE6用户一看，“哎呦，不错！”，那接下来用户就继续用低版本浏览器 —— 这么下去是一个恶性循环，用户继续用IE6，作为开发者的你要继续为这些IE6花费额外的时间。

最终为落后买单的人是谁？还不是我们这些开发者吗？

如果全世界的开发者联合起来一致反对为低端浏览器提供兼容，结果会怎样？

所以，要么闭上嘴，老老实实给低版本浏览器用户服务；要么对他们潇洒的挥挥手：爷不陪你玩儿了！拜拜了您內，慢走不送！


另外，再说下“客户”和“用户”。针对那些做“客户”项目的，我希望大家在做项目的时候，别被“客户”的需求牵着鼻子走。我们做的东西，是要给最终的“用户”用的。帮“客户”服务好他们的用户，“客户”有钱赚，我们才有钱赚。不过现实中，很多人眼里只看到了“客户”，却没有看到真正使用他们产品的“用户”。

“客户是天使，用户是上帝。”

[endintro]

非常赞

[teddy1004]

cool 啊！收藏送赞！

[hustlzp]

吊炸天！已收藏。

[Gu0Qiang]

我是来凑热闹的，这几个效果都略叼

[shyrz]

楼主做的很不错啊，可以发到http://codepen.io/上去吖~

[sd4399340]

已star

[Actrace]

楼主果然有闲情雅致~赞一个~

[linuxer]

大赞！

[yyy]

赞一下，但是我在FF下有些相同特效的不同单元会有点感到不顺畅，大概是习惯性地开了20+个标签的关系

[PotatoBrother]

效果很赞，收藏了！

[zhujinliang]

非常赞！

[paicha]

好厉害~

[oloopy]

非常棒，已Star，学习一下 :)

[cyr1l]

@paloalto 专门登录来赞你。

[Geeker]

太赞了，已Star

[nealv2ex]

cool 已经star

[reorx]

赞, star +1 ~

[devon]

效果很赞，只是有两三个性能不太好。

[kurtis]

要是我需要前端，应该可以重点考虑你了

[kavinyao]

赞一下。

有个小bug是，如果鼠标停留在动画路径上就会一直卡在那儿。

另外貌似很吃CPU。

[P233]

写成 LESS 或者 Sass 库，引用的时候用参数定制怎么样?

[P233]

@paloalto 翻了好久终于找到了以前看过的一篇文章 http://www.creativebloq.com/design/older-browsers-dont-need-hacks-7126219

[gangsta]

帅爆~已Star~

晚上加到自己的blog里面去 感谢~

[zipspeed]

赞，不错！

[clijiac]

NICE啊..

[jsonline]

Who cares IE

[ceclinux]

非常漂亮，感谢分享～

[xAI]

效果非常好。

[pandada8]

想到了这个
http://h5bp.github.io/Effeckt.css/

[zhangxiao]

非常好，已starred

[duteng612]

收藏

[chshouyu]

32个赞！

[sujin190]

赞，这种效果谁还说什么ie8、ie9的就应该一巴掌拍死他

[akn8]

cool

[ifishman]

点赞狂人转战V2开始继续点赞

[forestinthesea]

非常漂亮！没想到现在的hover效果可以做得这么赞！我还停留在改变字体颜色的时代呢。。。。

[jimbray]

好酷啊！让我这种视觉系的人爽到了。狂点赞！！

[gouflv]

已经完全够用了, @dong3580 整天把ie挂嘴边有啥意思?

[spoonwep]

有人像我一样每个都hover一遍嘛
效果好赞，已star

[soli]

大赞！

[run2]

赞，吹毛求疵的问每个效果能编个简单的名字么，1-20这么着来不太友好啊

[whwei]

已star~
不过感觉用translate3d更好。

[nodejs]

非常感谢大家的star，项目上Github的Trending列表了，虽然没什么技术含量，但上trending还是很开心呀

[nodejs]

@sobigfish 我其实想得和你一样，我开始想了好多取名的规则，最后崩溃了 :(

头大，后来就用1,2,3...命名了，如果你有的，千万告诉我呀 :)

[diseng1991]

很棒 赞一个

[shuson]

starred

[openroc]

mark and star++. ;)

[baoimaoo]

@nodejs支持3图么

[win2next]

真漂亮，长知识了

[stonestyle]

支持楼主！

[stonestyle]

别再给自己挖坑了！

[cougar]

awsome

[JoyNeop]

2GHz Core i7 Ivy Bridge + Iris Pro + 8 GB DDR3 1600 表示 demo 页面卡顿严重……

[lzt163]

好厉害 不过 class的下划线和横杠能统一一下么= = 逼死-+强迫症

[hongdengdao]

强人！！

[flyingnn]

好惊艳,star.