                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /鼠标悬浮效果

图片素材的

有素材吗。想敲一遍代码。

Jett_lyf

2015-11-24

源自：鼠标悬浮效果 2-1

关注问题我要回答

1179

操作

收起

1 回答

SwordEdge
2016-02-21

除了那张地图，那个跳动的小圆点可以用纯CSS3来写出来，更加方便：

<!DOCTYPE html>
<html>
<head>
<style>
.dot{
	height: 50px;
	width:50px;
	background: red;
	border-radius: 50%;
	animation: bling 0.6s infinite ;
	-webkit-animation: bling 0.6s infinite ;
	-o-animation: bling 0.6s infinite ;
	-moz-animation: bling 0.6s infinite ;
}
@keyframes bling{
	from{transform:scale(0.0);}
	to{transform:scale(1.0);opacity: 1;}
}
@-webkit-keyframes bling{
	from{-webkit-transform:scale(0.0);}
	to{-webkit-transform:scale(1.0);opacity: 1;}
}
</style>
</head>
<body>
<div class="dot"></div>
</body>
</html>