GeneratePress主题链接悬停渐变效果

分类存档部分(在 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%);
}
声明:本站资源绿色无后门无广告,可放心下载。如无特殊说明或标注,均为本站原创发布,转载请注明出处!