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

iarouse · 2014年04月04日 · 最后由 eruditius 回复于 2014年05月25日 · 17237 次阅读
本帖已被管理员设置为精华贴

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

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

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

预览:

preview photo

效果都很不错啊~

😄 很不错!

:thumbsup:牛逼

效果不错!

好酷,必须膜拜!

酷~~~~~~~~~~

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

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

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

太强了,可惜 ie 不支持

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

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

在 twitter 上看到了,给跪了!

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

效果太棒了~

匿名 #20 2014年04月08日

太赞了

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

膜拜 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 问答网站程序员和网站开发人员在各级

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