摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手风琴</title> <link rel="stylesheet&q
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手风琴</title>
<link rel="stylesheet" href="static/css/style4.css">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.css">
<link rel="shortcut icon" href="static/images/logo1.png" type="image/x-icon">
<script type="text/javascript" src="static/js/jquery.js"></script>
<style>
div {width: 500px ;margin:200px auto;}
div img{
border-radius: 5px;
transition:all 1s ease-in-out; /*图片放大的秒数*/
}
div:hover img{
transform: scale(2);
}
</style>
</head>
<body style="background: #111;">
<div style="background: #ccc;">
<img src="static/images/1.jpg" alt="">
</div>
<script type="text/javascript">
</script>
</body>
</html>
批改老师:灭绝师太批改时间:2018-11-16 09:15:56
老师总结:这个效果比较简单,css3的动画,完成的ok!