一款基于css3鼠标经过圆形旋转特效_html/css_WEB-ITnose

今天给大家分享一款基于css3鼠标经过圆形旋转特效。当鼠标经过的时候图片边框颜色旋转，图片显示详情。该实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：

在线预览 源码下载

实现的代码。

html代码：

 
        
            
                                                        
                        
                    
                        
                            
                                标题一
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题二
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题三
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题四
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题五
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题六
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题七
                            
                                好好学习，天天向上
                        
                    
                            
        
        
            
                                                        
                        
                    
                        
                            
                                标题八
                            
                                好好学习，天天向上
                        
                    
                            
        
    

via：http://www.w2bc.com/Article/23952