css - 如何将文本添加到过渡

标签 css transition

我对复杂的编码还很陌生,我知道 CSS 和 HTML 的基础知识,并且我开始学习更复杂的东西,比如过渡和动画,但我已经坚持了一段时间。您究竟如何将文本添加到过渡中?比如说你给一个 div 元素添加了一个过渡,它向下滑动时什么也没有,但是你想在它向下滑动时添加文本。您如何添加文本?我不确定这有多清楚,如果让一些人感到困惑,我深表歉意!但基本上我想做的是当你将鼠标悬停在它上面时让过渡向下滑动(我已经完成了)并且只有当你将它悬停时才显示文本(就像在过渡所做的新暴露区域一样!)请帮助如果可以的话 !感谢您阅读 c:

最佳答案

仅通过 css 添加文本将是 content:"YOURTEXT"

所以你会得到类似的东西

.element:hover{content:"myhovertext";}

但您可能需要比这更复杂的东西才能实现您的目标。

如果需要,很乐意提供进一步的帮助。

关于css - 如何将文本添加到过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30134351/

相关文章:

javascript - 如何在 HTML 页面上隐藏/显示图像

css - 使用 CSS 过渡平滑 javascript 驱动的快速位置变化?

ios - 工具栏下方的 UIImageView CurlUp 过渡

javascript - 页面加载时的缓动效果

html - 添加边框底部时如何确保 Bootstrap 导航栏链接具有相同的高度

html - 使用 CSS 而不是 HTML 将图像与标题对齐

javascript - 使用 Javascript 暂时增加元素的宽度和高度,同时保持其居中位置

css - 如何在 CSS 中添加多个图像?

javascript - 同步 setInterval 和 transition 的正确方法

html - 使用 jquery mobile 绘制垂直线和水平线