当我的用户将鼠标悬停在作为锚点的普通文本上时,有没有办法实现它,文本平滑过渡到斜文或斜体文本以显示它是一个链接(包括下划线)
这是我正在尝试做的一个例子……
p.footertext {
font-size:12px;
padding-left:4px;
text-decoration:none; }
p.footertext:hover {
/*text:decoration: "italicize smoothly"*/ }
最佳答案
您可以使用CSS3 transform functions来模拟斜体文本.您也可以使用CSS3 transitions来获得您正在寻找的平滑过渡.
.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);
}
