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

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到微博上面去!

注:原文来自设计达人

1 2
未经允许不得转载:欲思博客 » 33个jQuery与CSS3实现的绚丽鼠标悬停效果
喜欢(10) 打赏

评论21

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0
    很实用的!
    雷韵2020-09-19 13:15:12回复
  2. #0
    都是很漂亮的代码
    四大名著2020-04-06 17:29:59回复
  3. #0
    效果是不错,不知道用上后,对网站的速度是否有影响。
    电炖锅的那些事2019-08-02 17:23:00回复
  4. #0
    jquery做出来的效果真的很炫。
    夏日博客2019-07-24 16:13:05回复
  5. #0
    真漂亮,css很强大啊
    子午物联网2019-07-11 19:49:25回复
  6. #0
    看起来不错的
    wordpress建站吧2019-07-10 12:38:45回复
  7. #0
    看起来不错呢!
    有声小说2019-06-14 15:04:56回复
  8. #0
    楼主你的BLOG应是WORDPRESS做的吧,但是JS特效太多了,对站SEO和用户体验 是非常不好的
    羊城技工学校2019-06-09 18:42:40回复
    • 不知道你是怎么把js特效多和seo不好,体验不好对等起来的。但是我想说的是体验非常好。seo也非常完美。
      欲思2019-06-09 19:07:18回复
      • 不过,特效弄多了是会对加载速度有点影响哈
        有声小说2019-06-14 15:05:46回复
        • 以前大家网速慢影响大,现在几乎没啥大问题了。
          欲思2019-06-14 15:11:29回复
  9. #0
    特效太多吃不消、、、
    小菜2015-03-10 21:56:46回复
  10. #0
    😛 赞下。 好似在哪里见过。
    Aaron2015-01-27 10:58:19回复
  11. #0
    博主,我也是赣州的, 😛
    三人行教育网2015-01-19 23:33:40回复
    • 哦。呵呵。
      欲思2015-01-25 15:47:47回复
  12. #0
    网站不错,用手机登陆跳转手机版。你网站就是域名不太亮啊
    三人行教育网2015-01-19 23:29:14回复
  13. #0
    还挺不错的呢
    嘿嘿2014-10-28 16:28:02回复
  14. #0
    好赞!不过Demo打开的速度有点慢
    黑柚创意2014-10-21 9:29:13回复
    • 国外站难免的。或者翻墙。
      欲思2014-10-25 19:30:29回复
      • 你好,站长,我使用咱的主题发布的文章内容多了浏览一半就白屏了,是什么原因??
        itdog2014-11-18 10:58:02回复
  15. #0
    jquery插件本来就非常强大,只需一个插件调用几个属性就能实现非常漂亮的效果
    香港云主机2014-10-19 17:11:11回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

在线客服

在线客服

  • 扫描二维码,微信联系 扫描二维码,微信联系