PROMULGATOR

    ！

    NO
    Html
    Css
    Js

    
                        


                        

                            


#wrap {
	width:500px;
	height:500px;
	border:1px solid #CCC;
	margin:150px auto;
}
#wrap div {
	width:100px;
	height:100px;
	background:#000;
}
#wrap:hover div {
	animation:10s run linear infinite;
}
@keyframes run {
	25% {
	transform:translateX(400px);
}
50% {
	transform:translate(400px,400px);
}
75% {
	transform:translate(0,400px);
}
100% {
	transform:translate(0,0);
}
}

                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
CSS3 hover沿边框运动画

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
更新时间：2020-08-11 22:23:38

                         

                     

                   
                


                
0