javascript – 顺利淡入普通文本到斜体文本？

发布时间：2020-12-14 23:08:09 所属栏目：资源来源：网络整理

导读：当我的用户将鼠标悬停在作为锚点的普通文本上时,有没有办法实现它,文本平滑过渡到斜文或斜体文本以显示它是一个链接(包括下划线) 这是我正在尝试做的一个例子 p.footertext {font-size:12px;padding-left:4px;text-decoration:none; }p.footertext:hover {/*

当我的用户将鼠标悬停在作为锚点的普通文本上时,有没有办法实现它,文本平滑过渡到斜文或斜体文本以显示它是一个链接(包括下划线)

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


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);
}

JSFiddle
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!