简单一步给子比文章标题加上渐变彩色文字-zibll美化交流分享社区-zibll子比主题-WordPress主题模板-zibll子比主题

简单一步给子比文章标题加上渐变彩色文字

鼠标悬停效果

QQ截图20221210012917

效果看我站内:点击查看

将以下css代码追加保存到主题设置->自定义代码->自定义CSS代码!

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

QQ截图20221213083601

.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%}
}

 

 

请登录后发表评论