2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

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

html背景图片放大还原鼠标移入背景放大前端学习html+css+js作者:猿2048志愿者
<!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>
本文来源于网络:查看 >
« 上一篇:css3实现鼠标移到图片上图片缓慢变大
» 下一篇:使用原生js编写一个鼠标移入图片放大效果
猜你喜欢
(十万案例免费下载)
评论
点击刷新
评论
相关博文

分享“案例”中大奖

开始分享 中奖规则
分享链接:
联系方式:
2021-05-14中奖名单(每日10名)
×添加代码片段