在过去的两天里，我一直在处理位于<span>标签之间的内联文本。
对于接近我正在寻找的效果的东西，请查看：
在 JSFiddle 上，在“结果”框中，将鼠标悬停在黄色的“激活 Div”上。如果您使用的是 Chrome，粉红色的文字会像卷尺一样卷起，而绿色的文字会像卷起的卷尺一样卷起。那种滑动的“出现”和“消失”就是我想要的效果。
为了实现这一点，我在字母间距值之间使用 CSS 转换（请参阅“删除”和“插入”类）。粉红色突出显示的文本从正常间距过渡到高度负间距（从可见到不可见），绿色突出显示的文本在高度负间距之间过渡到正常间距（从不可见到可见）。
问题是这种方法确实会影响浏览器。它在 Chrome 上运行良好（尽管它很紧张，有时未突出显示的文本会出现问题）。它似乎根本不适用于 Safari - 粉红色和绿色部分只是分别消失和出现。
我尝试使用<div>带有“溢出”的标签和 JQuery .animate()（在高宽和低宽 div 之间制作动画并隐藏从低宽 div 溢出的溢出文本）来实现效果。这非常有效，直到您的文本中断 - 它根本不起作用，所以这种方法似乎是不可能的（除非有人知道我不知道的东西）。
所以，百万美元的问题：有没有人知道一个插件或其他技术来做这种内联文本操作，甚至跨越换行符？