蓝色警戒带动画带音乐版，视觉核心，蓝色警戒带（条纹状）

动画效果： 闪烁、流动、波浪、旋转等动态效果，突出警示性和吸引力。
背景音乐： 持续、低沉、带有电子合成器音效的警示音或紧张氛围音乐，节奏感强但不刺耳。
整体风格： 现代、科技感、醒目、严肃。

详细设计

视觉动画 (CSS + HTML 或 AE/Principle)

这里提供两种实现思路：纯代码实现 (推荐网页/简单应用) 和 专业动画软件实现 (更复杂效果)。

方案A：纯代码实现 (CSS + HTML) - 适用于网页、PPT嵌入、简单视频背景

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">蓝色警戒带动画</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #000; /* 深色背景增强对比 */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            overflow: hidden;
            font-family: Arial, sans-serif;
        }
        .warning-container {
            position: relative;
            width: 90vw; /* 宽度视窗宽度 */
            height: 150px; /* 高度可调整 */
            max-width: 1200px;
            overflow: hidden;
            border: 3px solid #0066CC; /* 边框颜色加深 */
            box-shadow: 0 0 30px rgba(0, 102, 204, 0.8); /* 发光效果 */
        }
        .warning-tape {
            position: absolute;
            width: 200%; /* 宽度翻倍用于无缝滚动 */
            height: 100%;
            background-image: repeating-linear-gradient(
                45deg,
                #0066CC, /* 蓝色条纹 */
                #0066CC 20px,
                #FFFFFF 20px, /* 白色条纹 */
                #FFFFFF 40px
            );
            animation: scroll 3s linear infinite; /* 流动动画 */
        }
        /* 可选：添加闪烁效果 */
        .warning-tape::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.3); /* 半透明白色遮罩 */
            animation: flash 1.5s ease-in-out infinite alternate; /* 闪烁动画 */
            pointer-events: none; /* 不阻挡交互 */
        }
        /* 可选：添加文字 */
        .warning-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #FFFFFF;
            font-size: 36px; /* 字体大小 */
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* 文字阴影增强可读性 */
            z-index: 10; /* 确保文字在条纹上方 */
            letter-spacing: 2px; /* 字间距 */
        }
        /* 流动动画关键帧 */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%); /* 移动到自身宽度的一半，实现无缝循环 */
            }
        }
        /* 闪烁动画关键帧 */
        @keyframes flash {
            0% {
                opacity: 0.5;
            }
            100% {
                opacity: 0;
            }
        }
        /* 可选：添加旋转效果 (替代或叠加流动) */
        /* .warning-tape {
            animation: rotate 4s linear infinite;
        }
        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        } */
    </style>
</head>
<body>
    <div class="warning-container">
        <div class="warning-tape"></div>
        <div class="warning-text">危险区域 请勿靠近</div> <!-- 替换为您需要的文字 -->
    </div>
    <!-- 背景音乐 -->
    <audio controls autoplay loop style="position: absolute; bottom: 20px; right: 20px; z-index: 100;">
        <source src="warning-sound.mp3" type="audio/mpeg"> <!-- 替换为您的音乐文件路径 -->
        您的浏览器不支持音频元素。
    </audio>
</body>
</html>

方案B：专业动画软件实现 (After Effects / Principle / Adobe Animate) - 适用于高质量视频、游戏UI、复杂交互

核心元素：
- 蓝色条纹图案： 创建一个包含蓝白条纹的图案或素材。
- 文字层： 添加警示文字（如“危险”、“禁止通行”、“高压危险”等）。
动画效果 (可组合使用)：
- 流动/滚动： 让条纹图案水平或垂直连续滚动，速度可调，关键帧控制位置。
- 闪烁： 整个图层或条纹图案的透明度关键帧动画（0% -> 100% -> 0%），或使用“闪烁”效果预设，节奏感强（如1秒闪2次）。
- 波浪/扭曲： 使用“波浪扭曲”或“液化”效果，让条纹产生起伏或扭曲感，增加动态和紧张感。
- 缩放/脉冲： 整个警示带或文字进行轻微的缩放动画（如 100% -> 105% -> 100%），模拟心跳或呼吸感。
- 旋转： 如果设计需要，可以让整个警示带缓慢旋转（如 360度循环）。
- 发光： 为条纹或文字添加“发光”效果，增强醒目度和科技感。
- 粒子效果： 在条纹边缘或文字周围添加小粒子（如光点、火花）飘散效果，增加视觉冲击力。
关键帧设置：
- 设置循环动画（Loop）。
- 控制动画节奏和速度,使其持续、稳定、不刺眼。
输出： 导出为 MP4、GIF 或适合目标平台的格式。

背景音乐设计

风格： 电子合成器音效为主，营造科技感、紧张感、警示感。
特点：
- 持续低音： 稳定、低沉的嗡嗡声或低频脉冲（Bass/Pulse），奠定基础氛围。
- 中频节奏： 清晰、规律但不复杂的电子鼓点或合成器节奏（如 Kick, Hi-hat），提供动力感，节奏不宜过快，避免焦虑感过强。
- 高频点缀： 少量、短促、尖锐的合成

蓝色警戒带动画带音乐版，视觉核心，蓝色警戒带（条纹状）