HTML CSS前端开发工具_鼠标移入image放大

前端开发css文件模板|前端css开发实例|最新css前端开发pdf

html 代码

<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<title>html5 css3 前端开发</title>
<style>
*{
margin:0;
padding:0;
}
body{
background:#000;
}
#container{
width:1000px;
margin:50pxauto;
}
#container.icon{
float:left;
padding:5px;
border:1pxsolid#fff;
border-radius:5px;
margin:5px;
overflow:hidden;
}
.iconimg{
width:300px;
height:200px;
transition:.5s;
}
.iconimg:hover{
transform:scale(1.2);
transition:.5s;
}
</style>
</head>
<body>
<divid=”container”>
<divclass=”icon”>
<imgsrc=”http://e.hiphotos.baidu.com/image/pic/item/0df431adcbef7609c7e54a962cdda3cc7dd99ec9.jpg” alt=””>
</div>
<divclass=”icon”>
<imgsrc=”http://d.hiphotos.baidu.com/image/pic/item/b21c8701a18b87d6dcf88618050828381f30fd7b.jpg” alt=””>
</div>
<divclass=”icon”>
<imgsrc=”http://e.hiphotos.baidu.com/image/h%3D360/sign=011f56749058d109dbe3afb4e158ccd0/b7fd5266d016092477539711d60735fae6cd3441.jpg”
alt=””>
</div>
</div>
</body>
</html>
css前端开发pdf|.net跟前端开发有关吗|mac系统前端开发
» 本文来自:前端开发者 » 《HTML CSS前端开发工具_鼠标移入image放大》
» 本文链接地址:https://www.rokub.com/3674.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!