子比主题美化 - 文章内超链接显示波浪线

文章最后更新时间:2024-09-25 14:57:27

效果图

图片[1]-子比主题美化 - 文章内超链接显示波浪线-青争开放社区

超简单,只需一段CSS代码即可实现

/*文章内超链接下波浪线*/
.wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite linear}
@keyframes waveMove{from{background-position:0 100%}
to{background-position:-20px 100%}
}
/*文章内超链接下波浪线结束*/
本社区资源仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
小青建议:机会是留给有准备的人
分享
评论 抢沙发

请登录后发表评论

    暂无评论内容