鼠标移入背景图片放大(还原)

2023-11-09

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box{
width:300px;height:300px;
/*url图片途径*/
background:url(bg3.jpg) no-repeat center; border:5px solid #0099CC; 
-webkit-transition:0.5s; 
background-size:500px 500px; 

.box:hover{ 
background-size:600px 600px; 
}

</style>
</head>
<body>


<div class="box"></div> 
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

鼠标移入背景图片放大(还原) 的相关文章