风云正
风云正

html5实现鼠标停在图片上出现动画效果

注意：目前这种动画效果只支持火狐浏览器

index.css:

.faceul li img:hover{
-webkit-transform:rotate(10deg);
-webkit-transition-timing-function:ease-in;
-webkit-transition-duration:500ms;
-moz-transform:scale(.9);
-moz-transition-timing-function:ease-out;
-moz-transition-duration:500ms
}


index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



 
   
    
    My JSP 'index.jsp' starting page
    
    
    
        
    
    
    
    
    

 
 
 
  



 


 

 


 

 


       
        

 



 

   

   

       

  • 全网比价

    •     

  • 美丽控

    •     

  • 附近团购

    •    

   


    

   

       

  • 条码检索

    •     

  • 收藏夹

    •      

  • 社区签到

    •    

   


    

   

       

  • 促销活动

    •     

  • 优惠券

    •      

  • 比购资讯

    •    

   


 



你可能感兴趣的:(web前端)