html5怎么实现鼠标悬停时显示文本
答案:4 悬赏:10
解决时间 2021-01-19 17:12
- 提问者网友:感性作祟
- 2021-01-19 10:55
html5怎么实现鼠标悬停时显示文本
最佳答案
- 二级知识专家网友:街头电车
- 2021-01-19 11:03
hello
当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示。
当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示。
全部回答
- 1楼网友:傲气稳了全场
- 2021-01-19 13:41
建议你到【千锋】官网查看教程
- 2楼网友:逐風
- 2021-01-19 13:13
这是特效要用js和jq
- 3楼网友:孤独的牧羊人
- 2021-01-19 12:17
CSS3实现鼠标悬停图片并放大显示效果。
文件引用:
.tv_hot {
width: 350px;
}
.avatar {
position: relative;
}
.tv_hot .avatar {
display: block;
height: 220px;
overflow: hidden;
width: 350px;
}
.tv_hot .avatar img {
height: 220px;
}
.avatar:after {
bottom: 0;
content: url("../images/bg_play.png");
left: 5px;
position: absolute;
z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
box-shadow: 0 0 10px gray;
}
.avatar:hover img, .zhuti .avatar:hover img, .bbsinner .avatar:hover img {
transform: scale(1.3);
transition: all 1s ease 0s;
-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
}
文件引用:
.tv_hot {
width: 350px;
}
.avatar {
position: relative;
}
.tv_hot .avatar {
display: block;
height: 220px;
overflow: hidden;
width: 350px;
}
.tv_hot .avatar img {
height: 220px;
}
.avatar:after {
bottom: 0;
content: url("../images/bg_play.png");
left: 5px;
position: absolute;
z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
box-shadow: 0 0 10px gray;
}
.avatar:hover img, .zhuti .avatar:hover img, .bbsinner .avatar:hover img {
transform: scale(1.3);
transition: all 1s ease 0s;
-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
}
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯