作者:悟哩兰荷_982 | 来源:互联网 | 2023-06-22 12:42
Hello i am trying to create hover effect on img.
您好我正在尝试在img上创建悬停效果。
HTML
css
div {
width: 350px;
position: relative;
}
.link-cont {
background: red;
position: absolute;
bottom: 0;
height: 100px;
opacity: 0;
transition: all 0.4s;
}
div:hover .link-cont {
opacity: 1;
bottom:-100px;
}
i need a something like this , when the user hover on it
当用户将鼠标悬停在它上面时,我需要这样的东西
but i am getting something like this
但我得到这样的东西
can someone help me to achieve what i am trying to do..
有人可以帮助我实现我想做的事情..
jsFid--> http://jsfiddle.net/Nnd7w/
4 个解决方案