鸟儿 / 拥有如此多的鸣声

下载代码

html

css

分享到微信朋友圈

html

css

JavaScript

document.addEventListener('DOMContentLoaded', (event) => {
    // Initialize Vanta.js BIRDS effect
    VANTA.BIRDS({
        el: "#vanta-bg",
        mouseControls: true,
        touchControls: true,
        minHeight: 200.00,
        minWidth: 200.00,
        scale: 1.00,
        scaleMobile: 1.00,
        backgroundColor: 0x0, // Background color
        color1: 0xfffff, // Color of the birds
        color2: 0x111111, // Color of the birds
        wingSpan: 0.5, // Wing span of the birds
        separation: 10.00, // Separation between birds
        alignment: 10.00, // Alignment between birds
        cohesion: 190.00, // Cohesion in bird movement
        quantity: 5.0 // Quantity of birds
        // ... other parameters ...
    });

// Add event listeners for mouseover and mouseout
    document.querySelector('.text-overlay').addEventListener('mouseover', function() {
        this.style.color = '#aqua'; // Change to a different color
    });

document.querySelector('.text-overlay').addEventListener('mouseout', function() {
        this.style.color = '#ffffff'; // Change back to the original color
    });
});

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg