分类存档部分(在 H2 上)渐变链接悬停效果用下面css
h2.entry-title a:hover {
background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
background: linear-gradient(to right,#ff8a00,#da1b60);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
}
h2.entry-title a:hover {
background: -webkit-gradient(linear,left top,right top,from(#1ebbf0),to(#7bdcb5));
background: linear-gradient(to right,#1ebbf0,#7bdcb5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
}
博客中的帖子标题以及侧边栏中列表中的任何链接悬停渐变效果用下面css
.elementor-posts .elementor-post__card .elementor-post__title:hover, .sidebar ul li:hover a {
background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
background: linear-gradient(to right,#ff8a00,#da1b60);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
}
二级菜单的背景设置渐变
nav#secondary-navigation {
background: radial-gradient(circle, rgba(238,108,77,1) 0%, rgba(85,85,85,1) 100%);
}