zibll子比主题文章标题文字渐变彩色+超链接波浪效果

效果看我站内：点击查看

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

正常css：

.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }
}

压缩css

/*文章标题文字渐变彩色*/
.item-heading:hover,.text-ellipsis:hover,.text-ellipsis-2:hover,.links-lists:hover{background-image:-webkit-linear-gradient(30deg,#32c5ff 25%,#b620e0 50%,#f7b500 75%,#20e050 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:maskedAnimation 4s infinite linear}@keyframes maskedAnimation{0%{background-position:0 0}100%{background-position:-100% 0}}

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}@keyframes waveMove{from{background-position:0 100%}to{background-position:-20px 100%}}