效果体验：http://keleyi.com/keleyi/phtml/css3/14.htm
以下是代码：
?
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>CSS3鼠标悬停显示动画边框-柯乐义</title><base target="_blank" /> <link href="http://keleyi.com/keleyi/phtml/css3/14/keleyi.css" type="text/css" rel="stylesheet" /> </head> <body> <div class="main"> <ul> <li class="keleyi"> <div class="keleyi-hover"> </div> <img src="http://keleyi.com/keleyi/phtml/css3/14/keleyi1.jpg" width="188" height="250" alt="柯乐义" /> </li> <li class="keleyi"> <div class="keleyi-hover"> </div> <img src="http://keleyi.com/keleyi/phtml/css3/14/keleyi2.jpg" width="188" height="250" alt="柯乐义" /> </li> </ul> 请使用<a href="http://keleyi.com/a/bjac/g039tue3.htm">支持HTML5的浏览器</a>查看本页 <a href="http://keleyi.com">首页</a> <a href="http://keleyi.com/a/bjad/r9kfvhvt.htm">原文</a> <a href="http://keleyi.com/keleyi/phtml/">特效库</a> </div> </body> </html>
?
?
特效集合：?http://ini.iteye.com/blog/2163592
http://ini.iteye.com/blog/2165698
原文：http://ini.iteye.com/blog/2169991