Javascript 从普通文本平滑淡入斜体文本？

当我的用户将鼠标悬停在作为锚定的普通文本上时，文本会平滑地转换为斜体或斜体文本，以显示它是链接（包括下划线），有什么方法可以做到这一点吗

这是一个我正在尝试做的例子

<a href="http://oldsite.com">
<p class="footertext">Take me to the old site...</p>
</a>

可以使用模拟斜体文本。您还可以使用来获得所需的平滑过渡

.italic {
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.italic:hover {
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

---

否。倾斜文本与斜体文本不同。斜体字体不仅仅是歪斜的字体，它是完全不同的。您可以在两者之间交叉淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡！奥斯汀·布伦霍斯特（Austin Brunkhorst）或你抄袭了法语中的答案，我们称之为“mise en abîme”@Fags:DSkewed文本与斜体或斜体文本有很大的不同（印刷师不赞成）。因此，这并不能回答问题。@JukkaK.Korpela如果它不能回答问题，请发布您的解决方案。

.italic {
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.italic:hover {
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}