投稿
  1. 首页
  2. html-js-css

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

阿狸可爱图片 • 2022-5-30 • html-js-css • 阅读 60

javascript– 顺利淡入普通文本到斜体文本？,第1张

概述当我的用户将鼠标悬停在作为锚点的普通文本上时,有没有办法实现它,文本平滑过渡到斜文或斜体文本以显示它是一个链接(包括下划线)这是我正在尝试做的一个例子......<a href='http://oldsite.com'> <p class='footertext'>Take me to the old site...</p&gt

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

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

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 总结

以上是内存溢出为你收集整理的javascript – 顺利淡入普通文本到斜体文本？全部内容，希望文章能够帮你解决javascript – 顺利淡入普通文本到斜体文本？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1124524.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
阿狸可爱图片 阿狸可爱图片 一级用户组
0 0
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表（0条）

保存