Css l文本类。unskewtext .btnredskewed:hover .unskewtext { -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } .unskewtext { -webkit-transition: 0.2s; transition: 0.2s; }

.btnredskewed
{
字体系列：“卡宾堡”；
边框：#f94f4f实心3px；
边界半径：6px；
背景色：#f94f4f；
颜色：#ffffff；
字体大小：15px；
填充顶部：8px；
垫底：8px；
左侧填充：10px；
右边填充：10px；
光标：指针；
文本转换：大写；
过渡：0.2s；
-ms变换：skewX（-20度）；/*IE 9*/
-webkit变换：skewX（-20度）；/*Safari*/
变换：skewX（-20度）；
}
.btnredskeed:悬停
{
字体系列：“卡宾堡”；
边框：#9cbce4实心3px；
边界半径：6px；
背景色：#9cbce4；
颜色：#ffffff；
字体大小：15px；
填充顶部：8px；
垫底：8px；
左侧填充：10px；
右边填充：10px；
光标：指针；
文本转换：大写；
-ms变换：斜交（20度）；/*IE 9*/
-webkit变换：skewX（20度）；/*Safari*/
变换：skewX（20度）；
}
.unskewtext
{
-ms变换：斜交（20度）；/*IE 9*/
-webkit变换：skewX（20度）；/*Safari*/
变换：skewX（20度）；
-webkit转换：0.2s；
过渡：0.2s；
}
.unskewtext:悬停
{
-ms变换：skewX（-20度）；/*IE 9*/
-webkit变换：skewX（-20度）；/*Safari*/
变换：skewX（-20度）；
}
.btnredskeed:悬停.unskeext{
-ms变换：skewX（-20度）；
-webkit变换：skewX（-20度）；
变换：skewX（-20度）；
}

---

您得到的结果与问题中的结果几乎相同，请检查它。。他不想把这篇文章删掉skew@TemaniAfif，请仔细查看，文本不会在悬停时倾斜。我不是在谈论最终状态，请查看过渡。。。它在回到正常状态之前是倾斜的。。。这就是我们需要避免的。他说：“我想让文本在我悬停按钮时保持正常，没有任何扭曲。”我忘了在正常文本中添加过渡，否则我的答案是正确的。你得到的结果与问题中的结果几乎相同，请检查。。他不想把这篇文章删掉skew@TemaniAfif，请仔细查看，文本不会在悬停时倾斜。我不是在谈论最终状态，请查看过渡。。。它在回到正常状态之前是倾斜的。。。这就是我们需要避免的。他说：“我想让文本保持正常，在我悬停按钮时没有任何扭曲。”我忘了在正常文本中添加过渡，否则我的答案是正确的。