我正在尝试创建一个CSS悬停效果，我知道这是可能的，但是我无法解决这个问题，并且想知道是否有一些明亮的火花可以将我指向正确的方向！
See this image here showing what I would like to achieve
因此，会显示图像上方div中的一些文本，但是当您将鼠标悬停在图像/文本div上时，内容将以平滑的样式向上移动
这将与-webkit-transition translationY元素一起使用吗？
在此先感谢您提供的任何建议或指南！
亚当
最佳答案
仅出于完整性考虑，并比较两种过渡方法。
jsfiddle中，有两个示例可以显示这种悬停效果。一个与position: top另一个与transform: translateY
没有真正的区别。反复展开/翻转时，translateY似乎更平滑（Paulie_D已经在上面的回答中提到了性能提升）
关于css - 如何在悬停效果上创建CSS TranslateY，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36794634/