鼠标滑过周围出现绿色的变不知道什么原因造成的，求教各位大神？<!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>
1 回答
淡雅的默
TA贡献102条经验 获得超139个赞
你文中没有任何效果，要么就是你这行代码.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}有一个hover效果，
点击展开后面1条
- 1 回答
- 1 关注
- 1644 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消