为什么鼠标滑过会有一个绿色的投影出现啊?

鼠标滑过周围出现绿色的变不知道什么原因造成的,求教各位大神?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{margin: 0;}

.pic{width:500px;height: 300px;border: 1px solid #ccc;position: relative;}

.bg{width: 100%;height: 100%; display: block; transition: all 225ms ease; -moz-transition: all 5s ease;background-color: #1E76C1;}

.tu{width: 100%;height: 100%; display: block; position: absolute; top: 0; left:0; background-size: cover;background-position:50% 0;background-repeat: no-repeat;transition: all 5s ease-out; -moz-transition: all 445ms ease;background-color: #1E76C1;transform: scale(1);}

.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}

</style>

</head>

<body>

<div class="pic">

<a href="javascript:void(0)"></a>

<span style="background-image: url(tu.png);"></span>

</div>

</body>

</html>

http://img.mukewang.com/5715f9180001131412000600.jpg


_是你_
浏览 1645回答 1
1回答

淡雅的默

你文中没有任何效果,要么就是你这行代码.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}有一个hover效果,
打开App,查看更多内容
随时随地看视频慕课网APP