为网站背景添加颜色渐变跑马灯效果,颜色不再单一。这是我从插件上扒下来的简单添加代码就能实现了。

网站背景动态颜色跑马灯效果 第5张插图

首先在页面引入javascript

jQuery(document).ready(function ($) {
    $('h1, h2, h3, h4, h5').on('mouseenter', function () {
        $(this).css('background-image', 'linear-gradient(to right, #ff9a9e, #fad0c4)');
        $(this).css('-webkit-background-clip', 'text');
        $(this).css('color', 'transparent');
    }).on('mouseleave', function () {
        $(this).css('background-image', '');
        $(this).css('-webkit-background-clip', '');
        $(this).css('color', '');
    });
});

最后添加css即可