Html 如何使用css创建滚动内容？

如何使用CSS创建rool down内容

TEXT

INFOINFOINFO
INFOINFOINFO

文本将始终可见，但当指针单击文本时，信息将显示

检查这个

span{
显示：无；
}
p、 头部：悬停跨度{
显示：块；
}

---

textinfo ifno
您可以使用CSS属性
内容
的纯CSS解决方案

如果您有兴趣了解有关
内容的更多信息
，您可以阅读本文


.txt span{
显示：无；
}
.txt:hover:after{
显示：块；
内容：'信息'；
}
当指针单击时，文本
。

这里只是对前面答案的一点修改

<style>
p:active:after{
content:"info info";
}
</style>
<p>text</p>


p:活动：之后{
内容：“信息”；
}
正文

如果我想要动画呢？我能做到，但是。。有什么问题吗？@MichaelFlorian你还需要动画效果吗？。如果你需要的话，我可以给你举个例子。请让我知道。谢谢你的帮助！：）我在动画方面有一个小问题。我设置了.text span{transition duration:0.2s；}但其中的文本显示速度比0.2s快得多，我不知道为什么。@MichaelFlorian好的，请创建一个新问题并在那里发布您的源代码。我会尽力帮助你。请将您的问题链接到这里，以便我可以找到：）这将适用于页面中的所有P标记，不确定是否真的需要它。相反，最好使用类或id选择器，因为只能有选择地应用这种效果。这对我来说不是真正的问题，我已经为我需要的特定“选项卡”创建了新的.css文件