javascript - 如何: Hover the image and animating draw a line and description fade out

标签 javascript jquery css effects

作为标题,如果我想实现一些效果,比如对鼠标悬停在图像上进行描述,并且带有描述的 div 框会在该行下方淡出,我如何使用 Javascript 或 jQuery 或 CSS3 实现此目的?谢谢你的回复。

最佳答案

您可以将图片和描述放在一个 div 中,将 div 高度设置为图片高度并溢出:隐藏;

然后关闭 :hover 上的溢出

使用 CSS 过渡实现平滑效果

关于javascript - 如何: Hover the image and animating draw a line and description fade out,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10469610/

相关文章:

JavaScript 替换问题

javascript - 将星号附加到包含类为 .mandatory 的标签的 div 的兄弟项

javascript 函数运行到死循环

jquery - 如何在 jQuery 中将背景颜色设置为透明?

javascript - Node 文档中的这个 `…${…}…` 代码是什么意思?

javascript - 如何制作没有节点边缘重叠的力导向布局

javascript - Express.JS 中的前端重定向

html - CSS链接样式问题

css - indexhibit 中的响应式水平滚动 div 的宽度太大

css - 我如何在标记中指定我的背景图像