Animated Opening Type（教程） 漂亮的文字翻开效果，很有意思。 [img]http://files.jb51.net/file_images/article/201412/201412151404442.jpg[/img] [url=http://tympanus.net/codrops/2013/11/14/animated-opening-type/]查看演示[/url] Direction-Aware Hover Effect With Css3 And Jquery（教程） 鼠标跟随悬停效果教程，话说以前看到这个很流行呢。 [img]http://files.jb51.net/file_images/article/201412/201412151404443.jpg[/img] [url=http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/]查看演示[/url] Css3 Hover Effects With Websymbols Tutorial（教程） [img]http://files.jb51.net/file_images/article/201412/201412151404444.jpg[/img] [url=http://www.freshdesignweb.com/css3-hover-effects-with-websymbols-tutorial.html]查看演示[/url] Magnifying Glass For Image Zoom Using Jquery And CSS3 通过Jquery 和 CSS3.实现放大镜效果。 [img]http://files.jb51.net/file_images/article/201412/201412151404445.jpg[/img] [url=http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3]查看演示[/url] Social Media Icons With CSS3 Hover Effects 通过CSS3实现3D旋转的社会化媒体图标。 [img]http://files.jb51.net/file_images/article/201412/201412151404446.jpg[/img] [url=http://webbb.be/blog/social-media-icons-css3-hover-effects/]查看演示[/url] Image Highlighting And Preview With Jquery（教程） 图像放大效果，适合文章用。 [img]http://files.jb51.net/file_images/article/201412/201412151404447.jpg[/img] [url=http://tympanus.net/codrops/2010/07/04/image-highlighting-preview/]查看演示[/url] CSS3 HOver Effects style Restaurant Menus（教程） 使用CSS3实现的hover效果，鼠标结过列表图像时会显示简介。 [img]http://files.jb51.net/file_images/article/201412/201412151404448.jpg[/img] [url=http://www.freshdesignweb.com/css3-hover-effects-style-restaurant-menus.html]查看演示[/url] Original Hover Effects with CSS3（教程） 超过10种鼠标悬停图像动画效果，酷、弦！ [img]http://files.jb51.net/file_images/article/201412/201412151404449.jpg[/img] [url=http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/]查看演示[/url] Simple Icon Hover Effects（教程） 简单的鼠标悬停效果 [img]http://files.jb51.net/file_images/article/201412/2014121514044410.jpg[/img] [url=http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/]查看演示[/url] Shape Hover Effect With Svg（教程） 配合SVG实现的悬停动效。 [img]http://files.jb51.net/file_images/article/201412/2014121514044411.jpg[/img] [url=http://tympanus.net/codrops/2014/01/07/shape-hover-effect-with-svg/]查看演示[/url] 3D Hover Effect for Thumbnails and Images 一个3D感的hover特效，连阴影也实现了。 [img]http://files.jb51.net/file_images/article/201412/2014121514044412.jpg[/img] [url=http://thecodeplayer.com/walkthrough/3d-thumbnail-image-hover-effect]查看演示[/url] Simple yet Amazing CSS3 Aorder Transition Effects CSS3 边框过度效果。 [img]http://files.jb51.net/file_images/article/201412/2014121514044413.jpg[/img] [url=http://thecodeplayer.com/walkthrough/simple-yet-amazing-css3-border-transition-effects]查看演示[/url] Make a Simple Navigation With Hover Transitions 简单的导航菜单。 [img]http://files.jb51.net/file_images/article/201412/2014121514044414.jpg[/img] [url=http://thecodeplayer.com/walkthrough/make-a-simple-navigation-with-hover-transitions]查看演示[/url] Examples of Pseudo-Elements Animtions And Transitions（教程） 看似很复杂的动效，但效果很弦。 [img]http://files.jb51.net/file_images/article/201412/2014121514044415.jpg[/img] [url=http://tympanus.net/codrops/2013/05/22/examples-of-pseudo-elements-animations-and-transitions/]查看演示[/url] Jquery Mouseover Effect Using Parallax Style Tutorial（教程） 这个教程可以实现带视差感的特效。 [img]http://files.jb51.net/file_images/article/201412/2014121514044416.jpg[/img] [url=http://www.freshdesignweb.com/jquery-mouseover-effect-with-parallax-style-tutorial.html]查看演示[/url] Css3 Hover Effect Tutorial With Image Circle（教程） 圆形鼠标hover特效。 [img]http://files.jb51.net/file_images/article/201412/2014121514044417.jpg[/img] [url=http://www.freshdesignweb.com/css3-hover-effect-tutorial-with-image-circle.html]查看演示[/url] Make a Swinging Hover Effect With CSS3 Animations（教程） CSS3实现按钮旋转教程。 [img]http://files.jb51.net/file_images/article/201412/2014121514044418.jpg[/img] [url=http://webbb.be/blog/making-a-swinging-effect-with-css3-animations/]查看演示[/url] AnythingZoomer jQuery Plugin [img]http://files.jb51.net/file_images/article/201412/2014121514044419.jpg[/img] [url=http://css-tricks.com/anythingzoomer-jquery-plugin/]查看演示[/url]