给文章内超链接加上波浪效果

综合评论7,225,897字数 173阅读0分34秒
复制代码
  1. /*超链接下波浪线*/
  2. .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}
  3. @keyframes waveMove{from{background-position:0 100%}
  4. to{background-position:-20px 100%}
  5. }
  6. /*超链接下波浪线结束*/

目前这个美化还并不是很多,喜欢的朋友可以使用看看效果,很简单把代码添加到合适的位置即可,应该所有WordPress网站都可以使用。只需两行代码即可实现

步骤一:

复制下面css代码

步骤二:

将代码填到后台主题设置里的自定义CSS里即可

 文章源自小武站https://1z345.cn/小武站-https://bbs.50-0.cn/595.html 文章源自小武站https://1z345.cn/小武站-https://bbs.50-0.cn/595.html

08月18日,星期日, 每天60秒读懂全世界!
08月18日,星期日, 每天60秒读懂全世界! 综合

08月18日,星期日, 每天60秒读懂全世界!

百度热搜新闻新闻来源:百度热搜榜1. 打1400公里顺风车逃单男子被行拘 一男子打1400公里顺风车到达目的地后逃单,司机无奈选择报警。后该男子如实交代了逃单行为,目前已被行拘,司机的损失已追回。2....
子比实现拉新引流
子比实现拉新引流 综合

子比实现拉新引流

代码有详细注解,订单已经实现 实现功能:拉新用户注册,送一定期限的会员或者送一定的积分。 效果: 1、用户邀请他人注册成功获得用户积分,然后积分可以兑换会员。 2、用户邀请他人注册,直接获得一定天数的...
  • 本文由 admin 发表于2024年8月10日 19:23:09
  • 转载请务必保留本文链接:https://bbs.50-0.cn/595.html
匿名

发表评论

匿名网友
确定