作为最流行的 JavaScript 开发框架，jQuery 在现在的 Web 开发项目中扮演着重要角色，它简化了 HTML 文档遍历，事件处理，动画以及 Ajax 交互，而 CSS3 作为 CSS 的下一个版本，增加了圆角、旋转、阴影等强大的特性，甚至还可以实现需要 JavaScript 才能实现的复杂动画效果。这篇文章特别收集了2012年新鲜出炉的30个精美 jQuery & CSS3 效果，帮助 Web 开发人员快速实现可用性和用户体验更佳的功能，让访问者对网站留下非常好的印象。记得分享和推荐哦。
基于 jQuery 实现的非常精致的自定义内容滑动条。
非常漂亮的 jQuery 全屏相册，移动鼠标即可在缩略图和照片之间切换。
鼠标跟随的菜单，挺有创意的，不过没用习惯的话肯能会觉得不好用。
基于 jQuery 实现的动态的响应时图片格子，提供了三种不同的效果演示。
效果不错的 jQuery 碎片滑动效果，有非常详细的制作教程。
基于 jQuery 和 CSS3 实现的放大镜效果。
另外一款响应式（Responsive） jQuery 图片和内容滑动效果。
基于 jQuery 和 CSS3 实现的图片飞出效果，挺特别的。
基于 jQuer 和 CSS3 实现的图片翻转效果。
基于 jQuery 实现的一个简单的悬浮行为召唤（call-to-action）功能。
非常特别的二级菜单效果，值得借鉴一下，有详细的教程。
基于 jQuery 和 CSS3 实现的非常精美的搜索框效果。
基于 CSS3 Transition 实现的圆圈悬浮变换效果，有七种精美效果演示。
集成了视差滚动（Parallax Scrolling）特效的幻灯片。
利用 Dribbble Api 实现的抓取 Dribble 内容的精美效果。
使用 CSS3 实现的现代 Light box 效果。
基于 CSS3 实现的图片反弹（Bounce Effect）显示效果。
结合 jQuery 和 CSS3 实现的在线图书制作工具。
又一个应用了视差滚动（Parallax scrolling）效果的滑块功能。
基于 CSS3 实现的圆圈翻转效果。
基于 CSS3 和 jQuery 实现的图片手风琴（Accordion）效果。
非常有用的遮罩注释（Annotation Overlay）效果。
太漂亮了！基于 jQuery 和 CSS3 实现的三层面板图片滑动效果，超有立体感。
基于 CSS3 实现的苹果风格的登录表单。
使用 CSS3 实现的绚丽的产品展示效果，非常有用！
纯 CSS3 制作的非常精美的社交媒体按钮。
压轴的是基于 CSS3 的动画实验，实现了一个虚拟的 DJ 音乐控制台。
新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】,布布扣,bubuko.com
新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】
原文：http://www.cnblogs.com/aimyfly/p/3614033.html