页面中鼠标移上图片放大效果

Original 2019-05-22 22:37:55 198
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>页面中鼠标移上图片放大效果</title>

<style>

.pic {width: 500px;margin: 150px auto;}

.pic img {

border-radius: 5px;

transition: all 0.5s;

}

.pic:hover img{transform: scale(1.5);}

</style>

</head>

<body>

<div class="pic">

<img src="static/images/icon2.png" alt="">

</div>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-05-23 13:22:42
Teacher's summary:完成的不错。你做过的功能,都保存好,以后方便项目中使用。继续加油。

Release Notes

Popular Entries