Html
    Css
    Js

    
                        
img {
	width:20px;
	height:20px;
}
.dd {
	width:200px;
	height:200px;
	position:relative;
}
.con {
	position:relative;
}
.light {
	position:absolute;
	left:89px;
	top:-9px;
	z-index:10;
	animation:my 10s linear infinite;
}
@keyframes my {
	0% {
	left:89px;
	top:-9px;
}
20% {
	left:187px;
	top:65px;
}
40% {
	left:149px;
	top:186px;
}
60% {
	left:28px;
	top:186px;
}
80% {
	left:-9px;
	top:66px;
}
100% {
	left:89px;
	top:-9px;
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

光标的路径移动(原创)

更新时间:2020-04-27 08:34:35

图片需自己替换

0