鼠标放上去图片平移了,但背景也暴露出来了,求解
当鼠标放上去的时候,有平移效果,可是图片的背景也露了出来,不是老师视频里展现的哪种平移效果,求各位大神帮帮忙
当鼠标放上去的时候,有平移效果,可是图片的背景也露了出来,不是老师视频里展现的哪种平移效果,求各位大神帮帮忙
2017-07-22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
#d1{
width: 400px;
height: 400px;
margin: auto;
border: 1px solid red;
transition: all 2s;
background: url(infi/2.jpg);
}
#d1:hover {
transform: translate(100px,100px) ;
}
</style>
</head>
<body >
<div id="d1">
</div>
</body>
</html>
举报