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

iarouse · 2014年04月04日 · 最后由 eruditius 回复于 2014年05月25日 · 11502 次阅读
本帖已被设为精华帖!

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

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

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

预览:

preview photo

共收到 67 条回复

效果都很不错啊~

😄 很不错!

:thumbsup:牛逼

效果不错!

好酷, 必须膜拜!

酷~~~~~~~~~~

效果很炫,但是合适用在详细页,主要页不合适,需要hover才能看到信息。

从来没有觉得CSS3可以这么屌,膜拜!

非常好..一直对CSS不怎么在行...

:plus1:

太强了,可惜ie不支持

你这叫几个?分明是几十个,很强大,点赞!

直接让iPad的Chrome崩溃 连续试了好几次

在 twitter 上看到了, 给跪了!

很漂亮。建议把效果包分开可能会比较好,目前min.css一百多K感觉有点大。需要哪个就加哪个,毕竟一个项目里面最多也就用一两组效果。

效果太棒了~

太赞了

太棒了!赞楼主的创意!!

膜拜ing~

赞!

强大啊

赞!太棒了!

碉堡了 膜拜~~

webkit CSS3特效太吃CPU了。。

个人觉得写特效的时候将特效的名字带上(名字和主流保持一致),而不是直接的特效一,二这样. 当然,个人觉得特效还是很赞的..

哇,这些动画中瞬间的那几帧留白真是起了微妙的效果。

很好, 加油!

效果超炫啊

大赞创意

Cool, 出手不凡

太妙了,赶紧就给收藏了,顺便学习下 css

狂点赞啊!

手持移动设备用hover不合适。。。

Safari on iPad 打开后滚动一下,Safari crash 了

不错噢

很好看

那些交互的细节很有启发性啊

感觉这个更属于像是交互设计,想象力果然比知识要重要诶

哎哟,我去,再看看自己写那些,赶脚要羞死了....

这么多效果光想就出来就很厉害了!

ps ihover 没看仔细的话,好像 ihower 😄

好炫啊~大赞

这效果太他喵的赞啊!可惜要加载蛮久的。

非常cool啊

牛逼啊!!!

很酷呀,赞! CSS3 不用js配合,直接能有动态效果吗?

挺酷的

给力! 比较喜欢Hover effect 13 不晃眼

#51楼 @leslin123 用CSS3的transition的话应该可以,它会在css属性值变化时启动动画,另一方面再结合:hover的时候改变属性值就能做出动画了。但是楼主具体是怎么实现的我就不清楚了,我还没拜读源码。 有个非常简单的例子:http://www.w3school.com.cn/tiy/t.asp?f=css3_transition

非常赞 :plus1:

效果很赞👍 提个小建议,主页顶部的导航条在滚动过程中一直在闪动

:thumbsup:赞一个

css3真的很强大啊! 赞一个

点赞飘过。 CSS3 唯一要考虑的就是兼容性,不考虑一切都OK

很酷 挺喜欢的~

赞,,没白活,,哈哈

使用上了, 谢谢 @iarouse So image : http://soimage.doge4you.com

还请大神指点, 问什么我做的东西 一如既往的不好看, 怎么提高 ?

btw: 第一次用sinatra 写东西, 几乎可以直接写, 或说sinatra 还是很好用的吗 :)

编码问题?希望其他专业程序员的看法?

www.eruditius.com

Eruditius - 编程问答 - 各级 WWW.ERUDITIUS.COM 问答网站程序员和网站开发人员在各级

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册