33个jQuery与CSS3实现的绚丽鼠标悬停效果

html和css 做棵大树 5年前 (2017-05-11) 2018次浏览 0个评论

Annotation Overlay Efect With Css3(教程)

好看的提示、注释效果!如果用于介绍、注释的话,这个效果很实用哦。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

CSS Powered Buttons with Hover Tooltips

CSS 实现 Tooltips 提示效果。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果

查看演示

Useful and Practical jQuery Image ToolTips(教程)

用 jQuery 实现鼠标 hover 跟随图像。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Adipoli jQuery Image Hover Plugin(教程)

漂亮的图像悬停过度效果,多种风格。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Paper Like Unfolding Effect(教程)

像打开贺卡、书本一样的效果。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Caption Hover Effects(教程)

比较实用的鼠标悬停效果,多种样式。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Flat Folio

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Creative Button Styles

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Text Revel on Hover: Corner Triangle Slide Overlay

鼠标经过图像时,右下角的三角形会自动填满图像,并展示简介。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Animated Skills Diagram With Raphael(教程)

图表特效

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Realistic Hover Effect

按钮 hover 效果,还带有阴影哦!

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Creating a Border Animation Effect with SVG and CSS(教程)

动画边框,很不错!

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Slim

如果你的 Logo 类似这样子,可以把这个动画效果加上去。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

CSS Button

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

Tiles with Animated

磁贴 hover 效果。

33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
查看演示

最后

看了这么多鼠标悬停(hover)效果,总一种适合你吧,我已经看中一款并准备应用到下个项目了,先 mark 到微博上面去!

注:原文来自设计达人


做棵大树 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明33 个 jQuery 与 CSS3 实现的绚丽鼠标悬停效果
喜欢 (2)
[欢迎投币]
分享 (0)
关于作者:
一个整天无所事事的,有时候忽然热血的孩子
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址